*, ::after, ::before { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); }
::after, ::before { --tw-content: ""; }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; }
body { margin: 0px; line-height: inherit; font-family: Raleway, sans-serif !important; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: Raleway, sans-serif; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; margin-top: 10px; }
button, input, optgroup, select, textarea {font-family: Raleway, sans-serif;font-feature-settings: inherit;font-variation-settings: inherit;font-size: 100%;font-weight: inherit;line-height: inherit;color: black;margin: 0px;padding: 0px;}
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; }
fieldset, legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }
*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
.container { width: 100%; margin-right: auto; margin-left: auto; }
@media (min-width: 550px) {
  .container { max-width: 550px; }
}
@media (min-width: 640px) {
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .container { max-width: 1200px; }
}
@media (min-width: 1024px) {
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1300px; }
}
@media (min-width: 1540px) {
  .container { max-width: 1540px; }
}
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: 0px; }
.inset-x-0 { left: 0px; right: 0px; }
.-bottom-10 { bottom: -2.5rem; }
.-bottom-16 { bottom: -4rem; }
.-bottom-20 { bottom: -5rem; }
.-bottom-64 { bottom: -16rem; }
.-left-\[300px\] { left: -300px; }
.-left-\[99\%\] { left: -99%; }
.-left-full { left: -100%; }
.-right-3 { right: -0.75rem; }
.-right-5 { right: -1.25rem; }
.-right-\[300px\] { right: -300px; }
.-top-20 { top: -5rem; }
.-top-24 { top: -6rem; }
.-top-3 { top: -0.75rem; }
.-top-44 { top: -11rem; }
.-top-5 { top: -1.25rem; }
.bottom-0 { bottom: 0px; }
.bottom-10 { bottom: 2.5rem; }
.bottom-24 { bottom: 6rem; }
.bottom-3 { bottom: 0.75rem; }
.bottom-5 { bottom: 1.25rem; }
.bottom-56 { bottom: 14rem; }
.bottom-8 { bottom: 2rem; }
.bottom-\[-100px\] { bottom: -100px; }
.bottom-\[-2px\] { bottom: -2px; }
.bottom-\[-55px\] { bottom: -55px; }
.bottom-\[-80px\] { bottom: -80px; }
.left-0 { left: 0px; }
.left-10 { left: 2.5rem; }
.left-2 { left: 0.5rem; }
.left-20 { left: 5rem; }
.left-5 { left: 1.25rem; }
.left-8 { left: 2rem; }
.left-\[10\%\] { left: 10%; }
.left-\[23\%\] { left: 23%; }
.left-\[90px\] { left: 119px; }
.right-0 { right: 0px; }
.right-5 { right: 1.25rem; }
.right-8 { right: 2rem; }
.right-\[-100px\] { right: -100px; }
.top-0 { top: 0px; }
.top-1 { top: 0.25rem; }
.top-1\/2 { top: 50%; }
.top-10 { top: 2.5rem; }
.top-20 { top: 5rem; }
.top-24 { top: 6rem; }
.top-28 { top: 7rem; }
.top-5 { top: 1.25rem; }
.top-\[-150px\] { top: -150px; }
.top-\[110px\] { top: 110px; }
.top-\[20\%\] { top: 20%; }
.top-\[60px\] { top: 60px; }
.top-\[90px\] { top: 90px; }
.-z-0 { z-index: 0; }
.-z-10 { z-index: -10; }
.z-0 { }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-\[-1\] { z-index: -1; }
.z-\[99999999999999\] { z-index: 2147483647; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-5 { grid-column: span 5 / span 5; }
.row-span-2 { grid-row: span 2 / span 2; }
.m-2 { margin: 0.5rem; }
.-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; }
.-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; }
.-mx-\[10px\] { margin-left: -10px; margin-right: -10px; }
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-12 { margin-left: 3rem; margin-right: 3rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-20 { margin-top: 5rem; margin-bottom: 5rem; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.-mb-20 { margin-bottom: -5rem; }
.-ml-5 { margin-left: -1.25rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-14 { margin-bottom: 3.5rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-32 { margin-bottom: 8rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-\[21px\] { margin-bottom: 21px; }
.ml-2 { margin-left: 0.5rem; }
.ml-5 { margin-left: 1.25rem; }
.ml-auto { margin-left: auto; }
.mr-1 { margin-right: 0.25rem; }
.mr-10 { margin-right: 2.5rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-5 { margin-right: 1.25rem; }
.mr-8 { margin-right: 2rem; }
.mr-auto { margin-right: auto; }
.mt-0 { margin-top: 0px; }
.mt-1 { margin-top: 0.25rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-14 { margin-top: 3.5rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-20 { margin-top: 5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-\[-115px\] { margin-top: -115px; }
.mt-\[21px\] { margin-top: 21px; }
.mt-\[50px\] { margin-top: 50px; }
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.table-cell { display: table-cell; }
.grid { display: grid; }
.contents { display: contents; }
.hidden { display: none; }
.h-1\/2 { height: 50%; }
.h-10 { height: 2.5rem; }
.h-16 { height: 4rem; }
.h-2 { height: 0.5rem; }
.h-2\/3 { height: 66.6667%; }
.h-20 { height: 5rem; }
.h-5 { height: 1.25rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-\[130px\] { height: 130px; }
.h-\[1px\] { height: 1px; }
.h-\[200px\] { height: 200px; }
.h-\[300px\] { height: 300px; }
.h-\[450px\] { height: 450px; }
.h-\[50vh\] { height: 50vh; }
.h-\[52px\] { height: 52px; }
.h-\[60vh\] { height: 60vh; }
.h-\[700px\] { height: 700px; }
.h-\[80\%\] { height: 80%; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.h-screen { height: 100vh; }
.max-h-\[415px\] { max-height: 415px; }
.max-h-\[450px\] { max-height: 450px; }
.max-h-\[485px\] { max-height: 485px; }
.max-h-\[600px\] { max-height: 600px; }
.max-h-\[800px\] { max-height: 800px; }
.max-h-\[80vh\] { max-height: 80vh; }
.max-h-\[900px\] { max-height: 900px; }
.min-h-\[400px\] { min-height: 400px; }
.min-h-\[425px\] { min-height: 425px; }
.min-h-\[500px\] { min-height: 500px; }
.min-h-\[600px\] { min-height: 600px; }
.min-h-\[620px\] { min-height: 620px; }
.min-h-\[680px\] { min-height: 680px; }
.w-1\/12 { width: 8.33333%; }
.w-1\/2 { width: 50%; }
.w-10 { width: 2.5rem; }
.w-11\/12 { width: 91.6667%; }
.w-14 { width: 3.5rem; }
.w-16 { width: 4rem; }
.w-2 { width: 0.5rem; }
.w-2\/6 { width: 33.3333%; }
.w-20 { width: 5rem; }
.w-3 { width: 0.75rem; }
.w-36 { width: 9rem; }
.w-4 { width: 1rem; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-7 { width: 1.75rem; }
.w-8 { width: 2rem; }
.w-\[1024px\] { width: 1024px; }
.w-\[130px\] { width: 130px; }
.w-\[15px\] { width: 15px; }
.w-\[16\%\] { width: 16%; }
.w-\[193px\] { width: 193px; }
.w-\[200px\] { width: 200px; }
.w-\[230px\] { width: 230px; }
.w-\[250px\] { width: 250px; }
.w-\[257px\] { width: 257px; }
.w-\[25px\] { width: 25px; }
.w-\[280px\] { width: 280px; }
.w-\[300px\] { width: 300px; }
.w-\[32px\] { width: 32px; }
.w-\[90\%\] { width: 90%; }
.w-\[calc\(100\%_-_460px\)\] { width: calc(100% - 460px); }
.w-auto { width: auto; }
.w-full { width: 100%; }
.w-screen { width: 100vw; }
.min-w-\[175px\] { min-width: 175px; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-6xl { max-width: 72rem; }
.max-w-7xl { max-width: 80rem; }
.max-w-\[1100px\] { max-width: 1100px; }
.max-w-\[1134px\] { max-width: 1134px; }
.max-w-\[145px\] { max-width: 145px; }
.max-w-\[230px\] { max-width: 230px; }
.max-w-\[250px\] { max-width: 250px; }
.max-w-\[300px\] { max-width: 300px; }
.max-w-\[40\%\] { max-width: 40%; }
.max-w-\[450px\] { max-width: 450px; }
.max-w-\[80\%\] { max-width: 80%; }
.max-w-full { max-width: 100%; }
.max-w-lg { max-width: 32rem; }
.max-w-md { max-width: 28rem; }
.max-w-sm { max-width: 24rem; }
.max-w-xl { max-width: 36rem; }
.max-w-xs { max-width: 20rem; }
.shrink-0 { flex-shrink: 0; }
.grow { flex-grow: 1; }
.basis-1\/12 { flex-basis: 8.33333%; }
.basis-1\/3 { flex-basis: 33.3333%; }
.basis-1\/6 { flex-basis: 16.6667%; }
.basis-10\/12 { flex-basis: 83.3333%; }
.basis-11\/12 { flex-basis: 91.6667%; }
.basis-2\/12 { flex-basis: 16.6667%; }
.basis-2\/3 { flex-basis: 66.6667%; }
.basis-5\/6 { flex-basis: 83.3333%; }
.rotate-\[-130deg\] { --tw-rotate: -130deg; }
.rotate-\[-130deg\], .scale-90 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cursor-pointer { cursor: pointer; }
.list-disc { list-style-type: disc; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
.grid-cols-\[100\%\] { grid-template-columns: 100%; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-0 { gap: 0px; }
.gap-1 { gap: 0.25rem; }
.gap-10 { gap: 2.5rem; }
.gap-14 { gap: 3.5rem; }
.gap-16 { gap: 4rem; }
.gap-2 { gap: 0.5rem; }
.gap-20 { gap: 5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-7 { gap: 1.75rem; }
.gap-8 { gap: 2rem; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-x-visible { overflow-x: visible; }
.whitespace-pre-line { white-space: pre-line; }
.text-nowrap { text-wrap: nowrap; }
.rounded-full { border-radius: 9999px; }
.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-\[1px\] { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-b-2 { border-bottom-width: 2px; }
.border-b-\[1px\] { border-bottom-width: 1px; }
.border-l-2 { border-left-width: 2px; }
.border-l-\[1px\] { border-left-width: 1px; }
.border-r-\[1px\] { border-right-width: 1px; }
.border-solid { border-style: solid; }
.border-\[\#444444\] { --tw-border-opacity: 1; border-color: rgb(68 68 68/var(--tw-border-opacity)); }
.border-\[\#ffffff59\] { border-color: rgba(255, 255, 255, 0.35); }
.border-thmBlack { --tw-border-opacity: 1; border-color: rgb(0 10 13/var(--tw-border-opacity)); }
.border-thmBrown { --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.border-thmLightGray { --tw-border-opacity: 1; border-color: rgb(217 217 217/var(--tw-border-opacity)); }
.border-transparent { border-color: transparent; }
.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); }
.border-opacity-20 { --tw-border-opacity: 0.2; }
.border-opacity-45 { --tw-border-opacity: 0.45; }
.border-opacity-50 { --tw-border-opacity: 0.5; }
.border-opacity-70 { --tw-border-opacity: 0.7; }
.bg-\[\#0B1216\] { --tw-bg-opacity: 1; background-color: rgb(11 18 22/var(--tw-bg-opacity)); }
.bg-\[\#1f1f1f\] { --tw-bg-opacity: 1; background-color: rgb(31 31 31/var(--tw-bg-opacity)); }
.bg-\[\#242424\] { --tw-bg-opacity: 1; background-color: rgb(36 36 36/var(--tw-bg-opacity)); }
.bg-\[\#363639\] { --tw-bg-opacity: 1; background-color: rgb(54 54 57/var(--tw-bg-opacity)); }
.bg-\[\#e6e5ea\] { --tw-bg-opacity: 1; background-color: rgb(230 229 234/var(--tw-bg-opacity)); }
.bg-\[\#f2f2f2\] { --tw-bg-opacity: 1; background-color: rgb(242 242 242/var(--tw-bg-opacity)); }
.bg-\[rgba\(250\,_249\,_249\,_0\.02\)\] { background-color: rgba(250, 249, 249, 0.02); }
.bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); }
.bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246/var(--tw-bg-opacity)); }
.bg-thmBlack { --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); }
.bg-thmBrown { --tw-bg-opacity: 1; border-radius: 50% 0px; background-color: rgb(184, 146, 74); }
.bg-thmCream { --tw-bg-opacity: 1; background-color: rgb(243, 243, 243); }
.bg-thmGreen { --tw-bg-opacity: 1; background-color: rgb(140 181 187/var(--tw-bg-opacity)); }
.bg-thmLightGreen { --tw-bg-opacity: 1; background-color: rgb(170 255 63/var(--tw-bg-opacity)); }
.bg-thmPink { --tw-bg-opacity: 1; background-color: rgb(206 133 117/var(--tw-bg-opacity)); }
.bg-transparent { background-color: transparent; }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.bg-opacity-20 { --tw-bg-opacity: 0.2; }
.bg-opacity-40 { --tw-bg-opacity: 0.4; }
.bg-opacity-60 { --tw-bg-opacity: 0.6; }
.bg-opacity-80 { --tw-bg-opacity: 0.8; }
.bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
.from-\[\#242424\] { --tw-gradient-from: #242424 var(--tw-gradient-from-position); --tw-gradient-to: rgba(36, 36, 36, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-thmBlack { --tw-gradient-from: #000a0d var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 10, 13, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-\[\#242424\] { --tw-gradient-to: rgba(36, 36, 36, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #242424 var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-\[\#242424\] { --tw-gradient-to: #242424 var(--tw-gradient-to-position); }
.to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.object-\[30\%_0\] { object-position: 30% 0px; }
.object-\[50\%_70\%\] { object-position: 50% 70%; }
.object-bottom { object-position: center bottom; }
.object-center { object-position: center center; }
.object-left { object-position: left center; }
.object-left-bottom { object-position: left bottom; }
.object-left-top { object-position: left top; }
.object-right { object-position: right center; }
.object-top { object-position: center top; }
.p-1 { padding: 0.25rem; }
.p-10 { padding: 2.5rem; }
.p-2 { padding: 0.5rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-7 { padding: 1.75rem; }
.p-8 { padding: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-\[10px\] { padding-left: 10px; padding-right: 10px; }
.px-\[39px\] { padding-left: 39px; padding-right: 39px; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.pb-0 { padding-bottom: 0px; }
.pb-0\.5 { padding-bottom: 0.125rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-12 { padding-bottom: 3rem; }
.pb-14 { padding-bottom: 3.5rem; }
.pb-16 { padding-bottom: 4rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-20 { padding-bottom: 5rem; }
.pb-24 { padding-bottom: 6rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-48 { padding-bottom: 12rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-\[30px\] { padding-bottom: 30px; }
.pb-\[600px\] { padding-bottom: 600px; }
.pl-10 { padding-left: 2.5rem; }
.pl-2 { padding-left: 0.5rem; }
.pr-10 { padding-right: 2.5rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-5 { padding-right: 1.25rem; }
.pt-0 { padding-top: 0px; }
.pt-1 { padding-top: 0.25rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-14 { padding-top: 3.5rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-20 { padding-top: 5rem; }
.pt-24 { padding-top: 6rem; }
.pt-5 { padding-top: 30px; }
.pt-7 { padding-top: 6px; }
.pt-8 { padding-top: 2rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.align-top { vertical-align: top; }
.align-bottom { vertical-align: bottom; }
.text-\[10px\] { font-size: 10px; }
.text-\[12px\] { font-size: 12px; }
.text-\[15px\] { font-size: 15px; }
.text-\[21\.37px\] { font-size: 21.37px; }
.text-\[30px\] { font-size: 30px; }
.text-\[48px\] { font-size: 48px; }
.text-\[8\.45px\] { font-size: 8.45px; }
.text-\[8px\] { font-size: 8px; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-bold { font-weight: 700; }
.font-light { font-weight: 300; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.leading-4 { line-height: 1rem; }
.leading-8 { line-height: 2rem; }
.leading-\[21\.72px\] { line-height: 21.72px; }
.leading-\[26px\] { line-height: 26px; }
.leading-\[29px\] { line-height: 29px; }
.leading-\[50px\] { line-height: 50px; }
.leading-none { line-height: 1; }
.leading-normal { line-height: 1.5; }
.leading-relaxed { line-height: 1.625; }
.leading-snug { line-height: 29px; font-size: 17px; }
.leading-tight { line-height: 1.25; }
.tracking-\[1\.23px\] { letter-spacing: 1.23px; }
.tracking-\[1px\] { letter-spacing: 1px; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.text-\[\#0e1114\] { --tw-text-opacity: 1; color: rgb(14 17 20/var(--tw-text-opacity)); }
.text-\[\#856535\] { --tw-text-opacity: 1; color: rgb(133 101 53/var(--tw-text-opacity)); }
.text-\[\#98BBA0\] { --tw-text-opacity: 1; color: rgb(152 187 160/var(--tw-text-opacity)); }
.text-\[\#BF9E77\] { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.text-\[\#F0D5F3\] { --tw-text-opacity: 1; color: rgb(240 213 243/var(--tw-text-opacity)); }
.text-\[\#FFFFFF\] { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.text-\[\#bf9e77\] { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.text-\[\#c7c7c7\] { --tw-text-opacity: 1; color: rgb(199 199 199/var(--tw-text-opacity)); }
.text-\[\#f5f5f5\] { --tw-text-opacity: 1; color: rgb(245 245 245/var(--tw-text-opacity)); }
.text-\[\#ffffff30\] { color: rgba(255, 255, 255, 0.19); }
.text-\[\#ffffff80\] { color: rgba(255, 255, 255, 0.5); }
.text-\[\#ffffff8f\] { color: rgba(255, 255, 255, 0.56); }
.text-\[ffffffc2\] { }
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)); }
.text-thmBlack { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.text-thmBrown { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.text-thmDarkGray { font-size: 14px !important; }
.text-thmDarkGray { --tw-text-opacity: 1; color: rgb(0, 0, 0); }
.text-thmGray { --tw-text-opacity: 1; color: rgb(87 87 94/var(--tw-text-opacity)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.text-opacity-50 { --tw-text-opacity: 0.5; }
.text-opacity-60 { --tw-text-opacity: 0.6; }
.text-opacity-80 { --tw-text-opacity: 0.8; }
.text-opacity-90 { --tw-text-opacity: 0.9; }
.underline { text-decoration-line: underline; }
.underline-offset-1 { text-underline-offset: 1px; }
.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-60 { opacity: 0.6; }
.opacity-65 { opacity: 0.65; }
.opacity-70 { opacity: 0.7; }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-thmBlack { --tw-shadow-color: #000a0d; --tw-shadow: var(--tw-shadow-colored); }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.duration-1000 { transition-duration: 1s; }
.duration-200 { transition-duration: 0.2s; }
.duration-300 { transition-duration: 0.3s; }
.duration-500 { transition-duration: 0.5s; }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-linear { transition-timing-function: linear; }
body, html { scroll-behavior: smooth !important; }
.h1 { display: inline-block; font-size: 32px; }
@media (min-width: 640px) {
  .h1 { font-size: 45px; }
}
@media (min-width: 1024px) {
  .h1 { font-size: 50px; }
}
@media (min-width: 1280px) {
  .h1 { font-size: 64px; }
}
@media (min-width: 1540px) {
  .h1 { font-size: 80px; }
}
.h1 { line-height: 110%; }
.h2 { font-size: 28px; }
@media (min-width: 768px) {
  .h2 { font-size: 36px; }
}
@media (min-width: 1024px) {
  .h2 { font-size: 20px; }
}
@media (min-width: 1540px) {
  .h2 { font-size: 20px; }
}
.h2 { line-height: 110%; }
.h3 { font-size: 24px; line-height: 1.25; }
@media (min-width: 768px) {
  .h3 { font-size: 28px; }
}
@media (min-width: 1024px) {
  .h3 { font-size: 20px; letter-spacing: 0.3px; font-weight: 500; }
}
@media (min-width: 1540px) {
  .h3 { font-size: 22px; letter-spacing: 0.2px; line-height: 29px; }
}
.h4 { font-size: 20px; }
@media (min-width: 768px) {
  .h4 { font-size: 24px; }
}
@media (min-width: 1024px) {
  .h4 { font-size: 30px; }
}
.h4 { line-height: 110%; }
.h5 { font-size: 18px; line-height: 2rem; }
@media (min-width: 768px) {
  .h5 { font-size: 22px; }
}
.h6 { font-size: 1rem; line-height: 1.5rem; }
@media (min-width: 550px) {
  .h6 { font-size: 1.25rem; line-height: 1.75rem; }
}
.h6 { line-height: 110%; }
.paraOne { font-size: 15px; line-height: 28px; }
.paraTwo { font-size: 16px; line-height: 29px; letter-spacing: 0.3px; }
.paraThree { font-size: 12px; }
.eleganceGradient { background: linear-gradient(0deg, rgba(0, 10, 13, 0.65), rgba(0, 10, 13, 0.65) 50%, rgba(0, 10, 13, 0.65)); }
.eleganceGradient, .imgGradient { position: absolute; bottom: 0px; left: 0px; z-index: 10; height: 100%; width: 100%; }
.imgGradient { background: linear-gradient(0deg, rgba(0, 10, 13, 0.5), rgba(0, 10, 13, 0) 50%, rgba(0, 10, 13, 0)); }
.menu-name { border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.2; padding-top: 0.6rem; text-transform: uppercase; padding-bottom: 0.6rem; font-size: 13px; letter-spacing: 0.2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.drop, .menu-name:hover { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.drop { display: flex; align-items: center; justify-content: space-between; fill: rgb(191, 158, 119); }
.drop .downArrow svg path { fill: rgb(255, 255, 255); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.drop .menutitle { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.drop:hover .menutitle { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.drop:hover svg path { fill: rgb(191, 158, 119); }
.active { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.BnwBuilding svg path, .active { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.BnwBuilding svg path { fill: rgb(255, 255, 255); }
.closeBtn svg path { stroke: rgb(0, 0, 0); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.closeBtn:hover svg path { stroke: rgb(191, 158, 119); }
.navBg { position: absolute; top: 0px; left: 0px; z-index: 10; height: 90px; width: 100%; }
@media (min-width: 1024px) {
  .navBg { height: 130px; }
}
.navbarGradient { background: rgb(0, 86, 74); height: 90px; }
.comingSoonGradient { background: rgba(0, 10, 12, 0.8); }
.bannerGradient { background: linear-gradient(0deg, rgb(0, 10, 12), rgba(0, 10, 12, 0.8) 60%, rgba(0, 10, 13, 0)); }
.goldGradient { background: linear-gradient(rgb(36, 36, 36), rgb(0, 10, 13)); }
.sound-btn { position: relative; z-index: 0; min-width: 100px; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); padding: 0.625rem 1.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.sound-btn .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
@media (min-width: 1024px) {
  .sound-btn:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
}
.holow-btn { position: relative; z-index: 0; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); padding: 0.875rem 3rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.holow-btn .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.holow-btn:hover { --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.thm-btn-1 { position: relative; z-index: 0; overflow: hidden; padding: 0.875rem 3rem; font-size: 12px; letter-spacing: 0.7px; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255, 255, 255); }
.thm-btn-1::before { z-index: -1; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%); }
.thm-btn-1::after, .thm-btn-1::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content); }
.thm-btn-1::after { z-index: -2; color: white; background: rgb(0, 86, 74); }
.thm-btn-1 .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.thm-btn-1:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.thm-btn-4 { position: relative; z-index: 0; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(176, 130, 87); padding: 0.875rem 3rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.thm-btn-4::before { z-index: -1; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: rgb(255 255 255/var(--tw-bg-opacity)); opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-4::after, .thm-btn-4::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; --tw-bg-opacity: 1; --tw-content: ""; content: var(--tw-content); }
.thm-btn-4::after { z-index: -2; background-color: rgb(176, 130, 87); }
.thm-btn-4 .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.thm-btn-4:hover { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.thm-btn-4:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.thm-btn-5 { position: relative; z-index: 0; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 10 13/var(--tw-border-opacity)); padding: 0.875rem 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-5::before { z-index: -1; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; }
.thm-btn-5::after, .thm-btn-5::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; content: var(--tw-content); }
.thm-btn-5::after { z-index: -2; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-content: ""; }
.thm-btn-5 .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.thm-btn-5:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.thm-btn-5:hover::after { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; }
.thm-btn-6 { position: relative; z-index: 0; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 10 13/var(--tw-border-opacity)); padding: 0.875rem 3rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-6::before { z-index: -1; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; }
.thm-btn-6::after, .thm-btn-6::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; content: var(--tw-content); }
.thm-btn-6::after { z-index: -2; --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-content: ""; }
.thm-btn-6 .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.thm-btn-6:hover { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.thm-btn-6:hover::after { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.roleBtn { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); background-color: transparent; padding: 0.75rem 1.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.roleBtn, .roleBtn svg path { transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.roleBtn svg path { fill: rgb(191, 158, 119); stroke: rgb(191, 158, 119); stroke-width: 2px; }
.roleBtn::before { z-index: -1; --tw-translate-x: 100%; opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; --tw-content: ""; background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%); }
.roleBtn::after, .roleBtn::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); content: var(--tw-content); }
.roleBtn::after { z-index: -2; --tw-translate-x: 0%; --tw-bg-opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.35s; --tw-content: ""; }
.roleBtn:hover { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.roleBtn:hover svg path { fill: rgb(0, 10, 13); stroke: rgb(0, 10, 13); }
.roleBtn:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.roleBtn:hover::after { opacity: 1; background-color: rgb(255, 255, 255); }
.thm-btn-2 { position: relative; z-index: 0; overflow: hidden; background-color: transparent; padding: 0.75rem 3rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-2 .borderDiv { position: absolute; left: 0px; top: 0px; z-index: -2; height: 100%; width: 100%; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.thm-btn-2::before { z-index: -1; opacity: 0; background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%); }
.thm-btn-2::after, .thm-btn-2::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; --tw-content: ""; content: var(--tw-content); }
.thm-btn-2::after { z-index: -2; }
.thm-btn-2 .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.thm-btn-2 .iconOutter svg path { fill: rgb(191, 158, 119); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-2:hover { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.thm-btn-2:hover::after, .thm-btn-2:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.thm-btn-2:hover::after { background-color: rgb(255, 255, 255); }
.thm-btn-2:hover svg path { fill: rgb(0, 10, 13); }
.thm-btn-3 { position: relative; z-index: 0; overflow: hidden; padding: 0.875rem 3rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-3::before { z-index: -1; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: rgb(0 10 13/var(--tw-bg-opacity)); opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.thm-btn-3::after, .thm-btn-3::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; --tw-bg-opacity: 1; --tw-content: ""; content: var(--tw-content); }
.thm-btn-3::after { z-index: -2; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.thm-btn-3 .iconOutter { display: flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset; }
.thm-btn-3:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.thm-btn-3:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.social-link { padding: 0.5rem; background: rgb(255, 255, 255); border: 2px solid; border-radius: 50%; margin: 0px 5px; color: rgb(255, 255, 255); gap: 3px; }
.social-link svg path { fill: rgb(0, 0, 0); transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; }
.social-link:hover svg path { fill: rgb(191, 158, 119); }
.social-btn-1 { position: relative; z-index: 0; overflow: hidden; padding: 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.social-btn-1::before { z-index: -1; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; background: linear-gradient(90deg, rgb(145, 117, 81), rgb(215, 182, 112) 50%, rgb(145, 117, 81)); }
.social-btn-1::after, .social-btn-1::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content); }
.social-btn-1::after { z-index: -2; background: linear-gradient(90deg, rgb(167, 129, 77), rgb(215, 182, 112) 50%, rgb(192, 145, 82)); }
.social-btn-1:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.social-btn-2 { position: relative; z-index: 0; overflow: hidden; padding: 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.social-btn-2::before { z-index: -1; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: rgba(86, 86, 86, 0.565); opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; --tw-content: ""; }
.social-btn-2::after, .social-btn-2::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; content: var(--tw-content); }
.social-btn-2::after { z-index: -2; --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-content: ""; }
.social-btn-2:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.social-btn-3 { position: relative; z-index: 0; overflow: hidden; padding: 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.social-btn-3::before { z-index: -1; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border: 2px solid rgba(86, 86, 86, 0.565); --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.social-btn-3::after, .social-btn-3::before { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content); }
.social-btn-3::after { z-index: -2; background-color: rgba(86, 86, 86, 0.565); }
.social-btn-3:hover::before { --tw-translate-x: 0%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; }
.sliderArrows svg path { fill: rgb(255, 255, 255); }
.height { height: 100%; }
@media (min-width: 1024px) {
  .height { height: 100vh; }
}
#height, .height { min-height: 500px; }
@media (min-width: 1024px) {
  #height { height: 95vh; }
}
#heightTeamNew { height: 43vh; }
@media (min-width: 768px) {
  #heightTeamNew { height: 50vh; }
}
@media (min-width: 1024px) {
  #heightTeamNew { height: 50vh; }
}
@media (min-width: 1280px) {
  #heightTeamNew { height: 50vh; }
}
@media (min-width: 1540px) {
  #heightTeamNew { height: 50vh; }
}
#privacyHeight { height: 30vh; }
@media (min-width: 768px) {
  #privacyHeight { height: 30vh; }
}
@media (min-width: 1024px) {
  #privacyHeight { height: 40vh; }
}
#leaderHeight { height: 100%; }
@media (min-width: 1024px) {
  #leaderHeight { min-height: 600px; }
}
@media (min-width: 1280px) {
  #leaderHeight { height: 80vh; }
}
.backToTopBtnOutter .backToTopBtn { position: fixed; left: 18px; bottom: 20px; z-index: 0; cursor: pointer; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); padding: 2px 4px; opacity: 0.8; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; width: 41px !important; }
.backToTopBtnOutter .backToTopBtn:hover { opacity: 1; }
.backToTopBtnOutter .backToTopBtn svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.backToTopBtnOutter .backToTopBtn svg path { fill: rgb(191, 158, 119); stroke: rgb(191, 158, 119); }
header .navbar { display: flex; align-items: baseline; }
@media (min-width: 1024px) {
  header .navbar { }
}
header .navbar .callBtn { display: none; }
@media (min-width: 1024px) {
  header .navbar .callBtn { display: block; }
}
header .navbar .callBtn .dot { height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(191, 158, 119); }
header .navbar .callBtn .slogan { text-wrap: nowrap; font-size: 10px; }
header .navbar .socialMedia { display: block; }
@media (min-width: 1024px) {
  header .navbar .socialMedia { display: none; }
}
header .navbar .socialMedia .iconOutter { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; }
header .navbar .socialMedia .iconOutter .icon { display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
header .navbar .socialMedia .iconOutter .icon:hover { --tw-bg-opacity: 0.7; }
header .navbar .socialMedia .iconOutter .icon svg { height: 18px; }
header .navbar .socialMedia .iconOutter .icon svg path { fill: rgb(255, 255, 255); }
header .navbar .navLogo { position: relative; margin-left: auto; margin-right: auto; height: 60px; width: 60px; }
@media (min-width: 1024px) {
  header .navbar .navLogo { width: 118px; }
}
header .navbar .menuOutter { display: flex; align-items: center; justify-content: flex-end; gap: 1.25rem; }
header .navbar .menuOutter .menuIcon { margin-top: 0.625rem; }
@media (min-width: 1024px) {
  header .navbar .menuOutter .menuIcon { margin-top: 0px; }
}
header .navbar .menuOutter .menuIcon svg { height: 22px; }
@media (min-width: 1024px) {
  header .navbar .menuOutter .menuIcon svg { height: 25px; }
}
header .navbar .menuOutter .menuIcon svg path { fill: rgb(222, 190, 123); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
header .navbar .menuOutter .menuIcon:hover svg path { fill: rgb(191, 158, 119); }
header .navbar .menuOutter .lungBtnCnt .ReactFlagsSelect-module_flagsSelect__2pfa2 { padding-bottom: 0px; }
header .navbar .menuOutter .lungBtnCnt #rfs-btn { border-radius: 0px; border-width: 2px; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.3; background-color: transparent; padding: 0px 0.5rem 0px 0.25rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="true"]::after { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255/var(--tw-border-opacity)); }
header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="true"]:where([dir="ltr"], [dir="ltr"] *)::after { margin-left: 0px; margin-top: 0px; }
header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="false"]::after { --tw-border-opacity: 1; border-top-color: rgb(255 255 255/var(--tw-border-opacity)); }
header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="false"]:where([dir="ltr"], [dir="ltr"] *)::after { margin-left: 0px; }
header .navbar .menuOutter .lungBtnCnt #rfs-btn span { margin-top: 0.125rem; margin-bottom: 0.125rem; padding-left: 0.25rem; padding-right: 0.25rem; text-transform: uppercase; }
header .navbar .menuOutter .lungBtnCnt ul { width: min-content; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
header .navbar .menuOutter .lungBtnCnt ul:where([dir="ltr"], [dir="ltr"] *) { left: -0.5rem; }
header .navbar .menuOutter .lungBtnCnt ul:where([dir="rtl"], [dir="rtl"] *) { right: -0.5rem; }
header .navbar .menuOutter .lungBtnCnt ul .ReactFlagsSelect-module_label__27pw9:where([dir="rtl"], [dir="rtl"] *) { padding-right: 0.5rem; }
header .navbar .menuOutter .lungBtnCnt .lungDropdown { position: absolute; top: 2.25rem; left: 0px; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding: 0.25rem; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  header .navbar .menuOutter .lungBtnCnt .lungDropdown { padding: 0.25rem 0.5rem; }
}
header .navbar .menuOutter .lungBtnCnt:hover { --tw-border-opacity: 0.8; }
header .navbar .menuOutter .lungBtnCnt option { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
header .navbar .menuOutter .lungBtnCnt option, header .navbar .menuOutter .lungBtnCnt option:focus { outline: transparent solid 2px; outline-offset: 2px; }
header .navbar .menuOutter .lungBtn { background-color: transparent; }
header .navbar .menuOutter .lungBtn, header .navbar .menuOutter .lungBtn:active, header .navbar .menuOutter .lungBtn:focus { border-width: 0px; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); outline: transparent solid 2px; outline-offset: 2px; }
.logoLoading, .logoNew { position: absolute; top: 0px; z-index: 20; }
.logoLoading { animation: 4s ease-in-out 0s infinite normal none running loading-crossfade; }
.logoLoading:first-of-type, .logoLoading:nth-of-type(2) { animation-delay: 0s; }
.header { position: relative; z-index: 0; }
.imgOverlay { position: absolute; top: 0px; z-index: 10; display: inline-block; height: 100%; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.serviceOutter .slick-slider .slick-slide { padding: 0px 10px; }
.serviceOutter .slick-slider .slide { position: relative; z-index: 0; height: 450px; overflow: hidden; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
@media (min-width: 768px) {
  .serviceOutter .slick-slider .slide { height: 350px; }
}
@media (min-width: 1024px) {
  .serviceOutter .slick-slider .slide { height: 450px; }
}
.serviceOutter .slick-slider .slide:hover { cursor: pointer; }
.serviceOutter .slick-slider .slide img { height: 100%; width: 100%; object-fit: cover; }
.serviceOutter .slick-slider .slide .overlay { position: absolute; top: 0px; z-index: 10; display: flex; align-items: flex-end; justify-content: flex-start; padding: 1.25rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.serviceOutter .slick-slider .slide .overlay .content { display: flex; width: 100%; align-items: center; justify-content: space-between; background-color: transparent; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; }
@media (min-width: 640px) {
  .serviceOutter .slick-slider .slide .overlay .content { gap: 0.5rem; }
}
.serviceOutter .slick-slider .slide .overlay .content span { font-weight: 600; }
.serviceOutter .slick-slider .slide .overlay:hover > .imgHover { display: block; }
.serviceOutter .slick-slider .slide .overlay1 { background: linear-gradient(rgba(67, 67, 78, 0), rgba(67, 67, 78, 0) 50%, rgb(34, 34, 88)); }
.serviceOutter .slick-slider .slide .overlay1, .serviceOutter .slick-slider .slide .overlay2 { height: 100%; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.serviceOutter .slick-slider .slide .overlay2 { background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(10, 56, 56)); }
.serviceOutter .slick-slider .slide .overlay3 { background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(169, 133, 87)); }
.serviceOutter .slick-slider .slide .overlay3, .serviceOutter .slick-slider .slide .overlay4 { height: 100%; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.serviceOutter .slick-slider .slide .overlay4 { background: linear-gradient(rgba(21, 83, 102, 0) 25%, rgba(67, 67, 78, 0) 50%, rgb(2, 35, 74)); }
.serviceOutter .slick-slider .slide .overlay5 { background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(97, 12, 12)); }
.serviceOutter .slick-slider .slide .overlay5, .serviceOutter .slick-slider .slide .overlay6 { height: 100%; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.serviceOutter .slick-slider .slide .overlay6 { background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(45, 76, 104)); }
.serviceOutter .slick-slider .slide:hover .overlay1, .serviceOutter .slick-slider .slide:hover .overlay2, .serviceOutter .slick-slider .slide:hover .overlay3, .serviceOutter .slick-slider .slide:hover .overlay4, .serviceOutter .slick-slider .slide:hover .overlay5, .serviceOutter .slick-slider .slide:hover .overlay6 { background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }
.ctaOne { padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .ctaOne { padding-bottom: 5rem; }
}
@media (min-width: 1280px) {
  .ctaOne { padding-bottom: 13rem; }
}
.ctaForm { display: flex; flex-direction: column; gap: 0.75rem; }
.ctaForm .input { width: 100%; border-width: 0px; padding: 0.75rem; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; }
.ctaForm .react-tel-input { border-style: none; }
.ctaForm .react-tel-input .flag-dropdown { border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding-left: 0.5rem; outline: transparent solid 2px; outline-offset: 2px; }
.ctaForm .react-tel-input .flag-dropdown .country-list, .ctaForm .react-tel-input input { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.ctaForm .react-tel-input input { height: 56px; width: 100%; border-radius: 0px; border-width: 0px; padding: 0.75rem 0.75rem 0.75rem 3rem; outline: transparent solid 2px; outline-offset: 2px; }
.logoSection .logoSlider { margin-top: 1.25rem; }
.logoSection .logoSlider .slide { padding-right: 50px; }
@media (min-width: 1024px) {
  .logoSection .logoSlider .slide { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.logoSection .logoSlider .slide .logoOutter { display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0.5; }
.logoSection .logoSlider .slide .logoOutter, .logoSection .logoSlider .slide .logoOutter img { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.logoSection .logoSlider .slide .logoOutter img { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.logoSection .logoSlider .slide:hover .logoOutter { opacity: 1; }
.logoSection .logoSlider .slide:hover .logoOutter img { opacity: 1; --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.venturesOutter { padding: 0.75rem; }
.venturesOutter .venturesInner { position: relative; z-index: 0; overflow: hidden; }
.venturesOutter .venturesInner .imageOutter img { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; }
.venturesOutter .venturesInner .overlayText { position: absolute; top: 0px; left: 0px; z-index: 10; height: 100%; width: 100%; background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: #000a0d var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); padding: 2.5rem; }
.venturesOutter .venturesInner .overlayText .h6 { font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.venturesOutter .venturesInner:hover > .imgHover { display: block; }
.venturesOutter:hover .venturesInner { cursor: pointer; }
.venturesOutter:hover .venturesInner .imageOutter img { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.projectOutter { display: flex; flex-direction: column; gap: 2.5rem; }
.projectOutter .img { height: 280px; object-fit: cover; }
@media (min-width: 1024px) {
  .projectOutter .img { height: 250px; }
}
@media (min-width: 1540px) {
  .projectOutter .img { height: 280px; }
}
.projectOutter .imgRow { display: flex; flex-direction: column; gap: 2.5rem; }
@media (min-width: 1024px) {
  .projectOutter .imgRow { flex-direction: row; }
}
.projectOutter .imgRow .projectImgOutter { overflow: hidden; }
@media (min-width: 1024px) {
  .projectOutter .imgRow:first-child { margin-right: 7rem; }
}
@media (min-width: 1280px) {
  .projectOutter .imgRow:first-child { max-width: 1024px; padding-right: 5rem; }
}
@media (min-width: 1540px) {
  .projectOutter .imgRow:first-child { max-width: 1280px; }
}
@media (min-width: 1024px) {
  .projectOutter .imgRow:nth-child(2) { margin-right: 4rem; margin-left: 4rem; }
}
@media (min-width: 1280px) {
  .projectOutter .imgRow:nth-child(2) { max-width: 1024px; }
}
@media (min-width: 1540px) {
  .projectOutter .imgRow:nth-child(2) { max-width: 1280px; }
}
@media (min-width: 1024px) {
  .projectOutter .imgRow:nth-child(3) { margin-left: 0px; }
}
@media (min-width: 1280px) {
  .projectOutter .imgRow:nth-child(3) { margin-left: auto; max-width: 1024px; }
}
@media (min-width: 1540px) {
  .projectOutter .imgRow:nth-child(3) { max-width: 1280px; }
}
.projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child { margin-left: auto; }
@media (min-width: 1024px) {
  .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child { width: 540px; }
}
@media (min-width: 1280px) {
  .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child { width: 540px; }
}
@media (min-width: 1540px) {
  .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child { width: 555px; }
}
.projectOutter .imgRow:nth-child(3) .projectImgOutter:nth-child(2) { margin-left: auto; max-width: 640px; }
.projectOutter .projectImgOutter { position: relative; z-index: 0; overflow: hidden; }
.projectOutter .projectImgOutter:hover { cursor: pointer; }
.projectOutter .projectImgOutter .overlay { position: absolute; top: 0px; z-index: 10; display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 1.25rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.projectOutter .projectImgOutter .overlay svg path { fill: rgb(255, 255, 255); }
.projectOutter .projectImgOutter .overlay .viewBtn { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.projectOutter .projectImgOutter .overlay1 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(23, 139, 255, .6) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(23, 139, 255, .6) var(--tw-gradient-to-position); }
.projectOutter .projectImgOutter .overlay2 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(142, 115, 91, 61%) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(142, 115, 91, 61%) var(--tw-gradient-to-position); }
.projectOutter .projectImgOutter .overlay3 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(20, 92, 83, 51%) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(20, 92, 83, 51%) var(--tw-gradient-to-position); }
.projectOutter .projectImgOutter .overlay4 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(48, 63, 203, 47%) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(48, 63, 203, 47%) var(--tw-gradient-to-position); }
.projectOutter .projectImgOutter .overlay5 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(91, 125, 170, .6) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(91, 125, 170, .6) var(--tw-gradient-to-position); }
.projectOutter .projectImgOutter .overlay6 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(159, 127, 34, .5) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(159, 127, 34, .5) var(--tw-gradient-to-position); }
.projectOutter .projectImgOutter:hover > .overlay1, .projectOutter .projectImgOutter:hover > .overlay2, .projectOutter .projectImgOutter:hover > .overlay3, .projectOutter .projectImgOutter:hover > .overlay4, .projectOutter .projectImgOutter:hover > .overlay5, .projectOutter .projectImgOutter:hover > .overlay6 { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); }
.projectOutter .projectImgOutter:hover > .imgHover { display: block; }
.newDevelopments { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; }
@media (min-width: 768px) {
  .newDevelopments { align-items: flex-start; }
}
.newDevelopments .img { width: 452px; object-fit: cover; }
@media (min-width: 768px) {
  .newDevelopments .img { width: 340px; }
}
@media (min-width: 1024px) {
  .newDevelopments .img { width: 452px; }
}
.newDevelopments .imgRow { display: flex; flex-direction: column; gap: 2.5rem; }
@media (min-width: 768px) {
  .newDevelopments .imgRow { flex-direction: row; }
}
.newDevelopments .projectImgOutter { position: relative; max-width: 425px; overflow: hidden; }
.newDevelopments .projectImgOutter:hover { cursor: pointer; }
.newDevelopments .projectImgOutter .overlay { position: absolute; top: 0px; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.newDevelopments .projectImgOutter .overlay1 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(30, 96, 115, .6) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(3, 159, 206, .5) var(--tw-gradient-to-position); }
.newDevelopments .projectImgOutter .overlay2 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(0, 0, 0, .41) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(0, 0, 0, .41) var(--tw-gradient-to-position); }
.newDevelopments .projectImgOutter .overlay3 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(4, 41, 232, .21) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(4, 41, 232, .21) var(--tw-gradient-to-position); }
.newDevelopments .projectImgOutter .overlay4 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(48, 63, 203, .47) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(48, 63, 203, .47) var(--tw-gradient-to-position); }
.newDevelopments .projectImgOutter .overlay5 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: hsla(37, 84%, 95%, .12) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: hsla(37, 84%, 95%, .12) var(--tw-gradient-to-position); }
.newDevelopments .projectImgOutter .overlay6 { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgba(220, 154, 222, .2) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgba(220, 154, 222, .2) var(--tw-gradient-to-position); }
.newDevelopments .projectImgOutter:hover > .overlay1, .newDevelopments .projectImgOutter:hover > .overlay2, .newDevelopments .projectImgOutter:hover > .overlay3, .newDevelopments .projectImgOutter:hover > .overlay4, .newDevelopments .projectImgOutter:hover > .overlay5, .newDevelopments .projectImgOutter:hover > .overlay6 { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }
.newDevelopments .projectImgOutter:hover > .imgHover { display: block; }
.officeImage .slick-dots { bottom: 2.5rem; z-index: 10; }
.officeImage .slick-dots .slick-active button::before, .officeImage .slick-dots li button::before { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.officeImage .slick-dots li button::before { font-size: 0.875rem; line-height: 1.25rem; }
.headOffice .sliderArrows { background: linear-gradient(90deg, rgba(1, 0, 0, 0.6), rgba(1, 0, 0, 0) 8%, rgba(1, 0, 0, 0) 92%, rgba(1, 0, 0, 0.6)); }
.reviewOutter { position: relative; }
@media (min-width: 1280px) {
  .reviewOutter { padding-right: 12rem; }
}
.reviewOutter .slick-slider .slick-list { overflow: visible; }
.reviewOutter .slick-slider .slick-list .slick-slide { padding: 0px 15px 0px 0px; }
.reviewOutter .reviewBox { position: relative; height: 100%; min-height: 290px; width: 100%; overflow: hidden; background-color: rgba(12, 27, 32, 0.5); padding: 1.25rem; }
@media (min-width: 1024px) {
  .reviewOutter .reviewBox { padding: 1.75rem; }
}
.reviewOutter .reviewBox:hover > .imgHover { display: block; }
.reviewOutter::before { position: absolute; left: -100%; top: 0px; z-index: 10; height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
.objextiveOutter { position: relative; padding-right: 5rem; }
@media (min-width: 640px) {
  .objextiveOutter { padding-right: 0px; }
}
@media (min-width: 768px) {
  .objextiveOutter { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  .objextiveOutter { padding-right: 0px; }
}
@media (min-width: 1280px) {
  .objextiveOutter { padding-right: 5rem; }
}
@media (min-width: 1540px) {
  .objextiveOutter { padding-right: 0px; }
}
.objextiveOutter .slick-slider .slick-list { overflow: visible; }
.objextiveOutter .slick-slider .slick-list .slick-slide { padding: 0px 15px 0px 0px; }
.objextiveOutter .reviewBox { position: relative; height: 410px; min-height: 300px; width: 100%; overflow: hidden; border-width: 2px; border-style: solid; border-color: rgb(68 68 68/var(--tw-border-opacity)); --tw-border-opacity: 0.5; --tw-bg-opacity: 1; background-color: rgb(31 31 31/var(--tw-bg-opacity)); padding: 1.25rem; }
@media (min-width: 550px) {
  .objextiveOutter .reviewBox { height: 100%; }
}
@media (min-width: 640px) {
  .objextiveOutter .reviewBox { height: 350px; }
}
@media (min-width: 768px) {
  .objextiveOutter .reviewBox { height: 330px; }
}
@media (min-width: 1024px) {
  .objextiveOutter .reviewBox { height: 335px; padding: 1.75rem; }
}
@media (min-width: 1280px) {
  .objextiveOutter .reviewBox { height: 315px; }
}
@media (min-width: 1540px) {
  .objextiveOutter .reviewBox { height: 100%; }
}
.objextiveOutter .reviewBox:hover > .imgHover { display: block; }
.progressbar { position: relative; height: 0.25rem; width: 100%; }
.progressbar::before { position: absolute; top: 50%; left: 0px; height: 1px; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
.progressbar span { position: absolute; left: 0px; display: inline-block; height: 0.25rem; width: 5rem; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 1.5s; }
.newsUpdate { overflow: hidden; }
.breadcrum a { position: relative; }
.breadcrum a:nth-child(2)::before, .breadcrum a:nth-child(3)::before, .breadcrum a:nth-child(4)::before { position: absolute; left: -13px; color: rgba(255, 255, 255, 0.6); --tw-content: "/"; content: var(--tw-content); }
.breadcrum p { position: relative; }
.breadcrum p:nth-child(2)::before, .breadcrum p:nth-child(3)::before, .breadcrum p:nth-child(4)::before { position: absolute; left: -13px; color: rgba(255, 255, 255, 0.6); --tw-content: "/"; content: var(--tw-content); }
.companyBrief .thumbnail { position: relative; overflow: hidden; }
.companyBrief .thumbnail img { --tw-scale-x: 1; --tw-scale-y: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.7s; }
.companyBrief .thumbnail img, .companyBrief .thumbnail:hover img { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.companyBrief .thumbnail:hover img { --tw-scale-x: 1.1; --tw-scale-y: 1.1; }
.companyBrief .view { position: relative; }
.companyBrief .view .vierOverlay { background: linear-gradient(0deg, rgb(78, 45, 6), rgba(3, 3, 3, 0)); }
.companyBrief .consultant, .companyBrief .view .vierOverlay { position: absolute; top: 0px; display: flex; height: 100%; width: 100%; align-items: flex-end; justify-content: flex-start; padding: 1.25rem; }
.contactSection { }
@media (min-width: 1024px) {
  .contactSection { }
}
.contactSection .formBox { }
@media (min-width: 1024px) {
  .contactSection .formBox { }
}
.contactSection .formBox .formMain { }
.contactSection .formBox .formMain .gridOutter { display: grid; grid-template-columns: 100%; }
@media (min-width: 1024px) {
  .contactSection .formBox .formMain .gridOutter { grid-template-columns: 40% 60%; }
}
.contactSection .formBox .formMain .gridOutter > div { padding: 20px; }
@media (min-width: 1024px) {
  .contactSection .formBox .formMain .gridOutter > div { }
}
@media (min-width: 1280px) {
  .contactSection .formBox .formMain .gridOutter > div { }
}
.contactSection .formBox .formMain .gridOutter .formOutter { position: relative; z-index: 0; }
.contactSection .formBox .formMain .gridOutter .formOutter form { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: 1.25rem; }
@media (min-width: 1024px) {
  .contactSection .formBox .formMain .gridOutter .formOutter form { max-width: 80%; }
}
.contactSection .formBox .formMain .gridOutter .formOutter form input, .contactSection .formBox .formMain .gridOutter .formOutter form textarea { width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 79, 79, 0.09); background-color: transparent; padding: 0.75rem; font-size: 1rem; line-height: 1.5rem; }
.contactSection .formBox .formMain .gridOutter .formOutter form input:focus, .contactSection .formBox .formMain .gridOutter .formOutter form textarea:focus { outline: transparent solid 2px; outline-offset: 2px; }
@media (min-width: 1024px) {
  .contactSection .formBox .formMain .gridOutter .formOutter form input, .contactSection .formBox .formMain .gridOutter .formOutter form textarea { padding: 13px 19px; }
}
.contactSection .formBox .formMain .gridOutter .formOutter form input[type="button"] { width: min-content; }
.gallery-wraper .galleryImage { grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-rows: repeat(1, minmax(0px, 1fr)); gap: 1.25rem; }
@media (min-width: 1024px) {
  .gallery-wraper .galleryImage { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(0px, 1fr)); }
}
.gallery-wraper .galleryImage .image-grid { position: relative; overflow: hidden; }
.gallery-wraper .galleryImage .image-grid:nth-child(4) { width: 100%; }
@media (min-width: 1024px) {
  .gallery-wraper .galleryImage .image-grid:nth-child(4) { grid-column: span 2 / span 2; max-height: 385px; }
}
.gallery-wraper .galleryImage .image-grid img { height: 100%; width: 100%; object-fit: cover; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.7s; }
.gallery-wraper .galleryImage .image-grid:hover img { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.gallery-wraper .galleryImage .image-grid:hover .imgHover { display: block; }
.containers-wraper .image-time { position: relative; overflow: hidden; }
.containers-wraper .image-time img { --tw-scale-x: 1; --tw-scale-y: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.7s; }
.containers-wraper .image-time img, .containers-wraper:hover .image-time img { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.containers-wraper:hover .image-time img { --tw-scale-x: 1.1; --tw-scale-y: 1.1; }
.containers-wraper:hover .image-time .imgHover { display: block; }
.Modal { position: fixed; top: 0px; left: 0px; --tw-bg-opacity: 0.85; }
.Modal, .Modal .menuModalInner { z-index: 50; height: 100%; width: 100%; background-color: rgb(255, 255, 255); }
.Modal .menuModalInner { position: absolute; right: 0px; display: flex; background: rgb(0, 86, 74); color: black; flex-direction: column; align-items: flex-start; justify-content: space-between; --tw-bg-opacity: 1; }
@media (min-width: 768px) {
  .Modal .menuModalInner { width: 460px; }
}
.animateBounce { animation: 1.5s ease 0s infinite normal none running animateBounce; }
@keyframes animateBounce { 
  0% { transform: translateY(-10px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-10px); }
}
.spin { animation: 20s ease 0s infinite normal none running spin; }
.spin2 { animation: 2s linear 0s infinite normal none running spin2; }
@keyframes spin2 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(1turn); }
  100% { transform: rotate(0deg); }
}
@keyframes two-image-crossfade { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes loading-crossfade { 
  0% { opacity: 0.25; }
  50% { opacity: 1; }
  100% { opacity: 0.25; }
}
.leftText { animation: 0.5s linear 0s 1 normal forwards running leftText; }
@keyframes leftText { 
  0% { transform: translateX(-50%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
.rightText { animation: 0.5s linear 0s 1 normal forwards running rightText; }
@keyframes rightText { 
  0% { transform: translateX(50%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
.rightIn { animation: 0.5s linear 0s 1 normal forwards running rightIn; }
@keyframes rightIn { 
  0% { transform: translateX(460px); }
  100% { transform: translateX(0px); }
}
.leftDivIn { animation: 0.5s linear 0s 1 normal forwards running leftDivIn; transform: translateX(0px); }
@keyframes leftDivIn { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}
.rightDivIn { animation: 0.5s linear 0s 1 normal forwards running rightDivIn; transform: translateX(100%); }
@keyframes rightDivIn { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
.rightOut { animation: 0.5s linear 0s 1 normal forwards running rightOut; }
@keyframes rightOut { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(460px); }
}
.fadeIn { animation: 0.5s linear 0s 1 normal forwards running fadeIn; }
.fadeOut { animation: 0.5s linear 0s 1 normal forwards running fadeOut; }
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.onloadHidden { animation: 1s linear 0s 1 normal forwards running onloadHidden; }
@keyframes onloadHidden { 
  0% { transform: translateY(50px); }
  100% { transform: translateY(0px); }
}
.imgHover { position: absolute; left: 0px; top: 0px; z-index: 50; display: none; height: 100%; width: 15%; --tw-skew-x: -15deg; --tw-skew-y: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); animation: 0.8s ease 0s 1 normal none running move; opacity: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0)); }
@keyframes move { 
  0% { left: 0px; opacity: 0; }
  5% { opacity: 0; }
  48% { opacity: 0.2; }
  80% { opacity: 0; }
  100% { left: 110%; }
}
.commnuityBanner, .leadershipBannerNew { position: relative; z-index: 0; }
.leadershipBannerNew .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.leadershipBannerNew .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0.55; padding-top: 5rem; }
.leadershipBannerNew .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 3.5rem; }
.teamBanner { position: relative; z-index: 0; }
.teamBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.teamBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); padding-top: 5rem; }
.teamBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 1.75rem; }
.privacyBanner { position: relative; z-index: 0; }
.privacyBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.privacyBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); }
.privacyBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 1.75rem; }
.blog-section { padding-top: 5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.blog-section .blogDiv { margin-bottom: 2.5rem; }
.blog-section h1 { margin-bottom: 1.75rem; font-weight: 600; }
.blog-section h2 { margin-bottom: 1.25rem; font-weight: 500; }
.blog-section h3 { margin-bottom: 0.75rem; font-weight: 500; }
.blog-section h4 { margin-bottom: 0.25rem; font-weight: 500; }
.blog-section p { margin-bottom: 1.25rem; }
.blog-section ol, .blog-section p, .blog-section ul { --tw-text-opacity: 1; color: rgb(87 87 94/var(--tw-text-opacity)); }
.blog-section a:link, .blog-section a:visited { background-color: transparent; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.blog-section a:active, .blog-section a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); text-decoration-line: underline; }
.blog-section table, .blog-section td, .blog-section th { border-width: 2px; --tw-text-opacity: 1; color: rgb(87 87 94/var(--tw-text-opacity)); }
.blog-section td { padding-left: 1.25rem; padding-right: 1.25rem; }
.linkCntNew a:link, .linkCntNew a:visited { background-color: transparent; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.linkCntNew a:active, .linkCntNew a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); text-decoration-line: underline; }
.blogContactSection .gridOutter { display: grid; grid-template-columns: 100%; }
.blogContactSection .gridOutter .formOutter { position: relative; z-index: 0; padding: 1.25rem; }
@media (min-width: 1024px) {
  .blogContactSection .gridOutter .formOutter { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.blogContactSection .gridOutter .formOutter form { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: 1.25rem; }
.blogContactSection .gridOutter .formOutter form input, .blogContactSection .gridOutter .formOutter form textarea { width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(79 79 79/var(--tw-border-opacity)); background-color: transparent; padding: 0.75rem; font-size: 1rem; line-height: 1.5rem; }
.blogContactSection .gridOutter .formOutter form input:focus, .blogContactSection .gridOutter .formOutter form textarea:focus { outline: transparent solid 2px; outline-offset: 2px; }
@media (min-width: 1024px) {
  .blogContactSection .gridOutter .formOutter form input, .blogContactSection .gridOutter .formOutter form textarea { padding: 1.25rem; }
}
.blogContactSection .gridOutter .formOutter form .react-tel-input { border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.blogContactSection .gridOutter .formOutter form .react-tel-input input { width: 100%; border-width: 0px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 1rem 1rem 1rem 3.5rem; }
.blogContactSection .gridOutter .formOutter form .react-tel-input .country { background-color: rgb(255, 255, 255); --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.blogContactSection .gridOutter .formOutter form .react-tel-input .highlight { --tw-bg-opacity: 1; background-color: rgb(223 180 105/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.blogContactSection .gridOutter .formOutter form input[type="button"] { width: min-content; }
.newsBanner { position: relative; z-index: 0; }
.newsBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.newsBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); padding-top: 5rem; }
.newsBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 3.5rem; }
.amenityCard { transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; }
@media (min-width: 550px) {
  .amenityCard { border-width: 2px; border-style: solid; border-color: rgb(191 158 119/var(--tw-border-opacity)); --tw-border-opacity: 0.2; }
}
.amenityCard amenityicon svg { width: 3rem; }
.amenityCard amenityicon svg path { fill: rgb(191, 158, 119); }
.singleProperty { }
.singleProperty .singleBanner { position: relative; z-index: 0; }
.singleProperty .singleBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.singleProperty .singleBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); }
.singleProperty .singleBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; margin-top: -90px; flex-direction: column; align-items: center; justify-content: end; }
.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo { margin-left: auto; margin-right: auto; width: 100%; max-width: 450px; }
.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo svg path { fill: rgb(255, 255, 255); }
.singleProperty .singalAbout { position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.singleProperty .singalAbout .rightContent { position: relative; z-index: 10; height: 100%; width: 100%; }
@media (min-width: 1540px) {
  .singleProperty .singalAbout .rightContent { padding-right: 2.5rem; }
}
.singleProperty .singalAbout .rightContent .folderBorder { width: 100%; max-width: 30rem; }
.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td, .singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child { position: relative; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child span { margin-right: 0.75rem; display: inline-block; height: 0.5rem; width: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 0 0/var(--tw-bg-opacity)); vertical-align: middle; }
.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child::before { position: absolute; left: 0.125rem; bottom: -0.25rem; z-index: 50; display: inline-block; width: 105%; border-top-width: 10px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child::after { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; border-width: 2px 2px 0px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:nth-child(2)::before { position: absolute; left: -2px; bottom: -2px; z-index: 50; display: inline-block; height: 50%; width: 50%; border-bottom-width: 2px; border-left-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.singleProperty .singalAbout .rightContent .folderBorder tr:nth-child(2) td { position: relative; z-index: 10; height: 100%; width: 100%; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.singleProperty .singalAbout .rightContent .folderBorder tr:nth-child(2) td::after { position: absolute; left: 0px; top: 0px; z-index: -10; display: inline-block; height: 100%; width: 100%; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.singleProperty .infrastructure { --tw-bg-opacity: 1; background-color: rgb(242 242 242/var(--tw-bg-opacity)); padding-top: 2.5rem; padding-bottom: 2.5rem; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .singleProperty .infrastructure { padding-top: 5rem; padding-bottom: 5rem; }
}
.singleProperty .infrastructure .tabOutter { display: flex; align-items: center; justify-content: center; }
.singleProperty .infrastructure .tabOutter .active { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.singleProperty .infrastructure .clickToZoomContainer { cursor: none; }
.singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter { display: none; }
.singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter .clickToZoomOutline { pointer-events: none; position: fixed; top: 0px; left: 0px; z-index: 50; display: flex; height: 7rem; width: 7rem; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter .clickToZoomOutline .clickToZoomDot { display: flex; height: 5rem; width: 5rem; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .perv { position: absolute; top: 0px; left: 0px; z-index: 10; display: flex; height: 100%; align-items: center; justify-content: space-between; padding-left: 1.25rem; }
.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .perv button { width: 2.5rem; }
.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .next { position: absolute; top: 0px; right: 0px; z-index: 10; display: flex; height: 100%; align-items: center; justify-content: space-between; padding-right: 1.25rem; }
.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .next button { width: 2.5rem; }
.singleProperty .amenities { overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.singleProperty .aboutDeveloper { position: relative; z-index: 0; padding-top: 5rem; padding-bottom: 5rem; }
@media (min-width: 1024px) {
  .singleProperty .aboutDeveloper { padding-top: 8rem; padding-bottom: 8rem; }
}
.singleProperty .aboutDeveloper .mobOverlay { position: absolute; top: 0px; z-index: 10; display: block; height: 100%; width: 100%; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0.3; }
@media (min-width: 1024px) {
  .singleProperty .aboutDeveloper .mobOverlay { display: none; }
}
.singleProperty .aboutDeveloper .logoOutter { display: inline-block; --tw-bg-opacity: 1; background-color: rgb(6 45 91/var(--tw-bg-opacity)); padding: 1.25rem 2.5rem; }
@media (min-width: 1024px) {
  .singleProperty .aboutDeveloper .logoOutter { margin-bottom: 1.25rem; }
}
.singleProperty .aboutDeveloper .playOutter { position: relative; margin-left: auto; margin-right: auto; display: flex; height: 5rem; width: 5rem; align-items: center; justify-content: center; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); }
.singleProperty .aboutDeveloper .playOutter::before { position: absolute; top: 0px; left: 0px; height: 5rem; width: 5rem; animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.singleProperty .paymentPlan { position: relative; z-index: 10; padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .singleProperty .paymentPlan { padding-top: 5rem; padding-bottom: 13rem; }
}
.singleProperty .paymentPlan table { margin-top: 2.5rem; width: 100%; }
.singleProperty .paymentPlan table tbody tr:nth-child(2n+1) td { --tw-bg-opacity: 1; background-color: rgb(30 35 38/var(--tw-bg-opacity)); }
.singleProperty .paymentPlan table tbody tr td { padding: 1.25rem; }
@media (min-width: 1024px) {
  .singleProperty .paymentPlan table tbody tr td { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.singleProperty .paymentPlan table tbody tr td:first-child { width: 41.6667%; }
@media (min-width: 1280px) {
  .singleProperty .paymentPlan table tbody tr td:first-child { width: 50%; }
}
.singleProperty .paymentPlan table tbody tr td:nth-child(2) { width: 25%; text-align: right; }
.singleProperty .floorPlan { overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .singleProperty .floorPlan { padding-top: 5rem; padding-bottom: 5rem; }
}
.singleProperty .floorPlan .tabOutter { display: flex; cursor: pointer; align-items: center; justify-content: center; gap: 1.25rem; border-bottom-width: 2px; border-style: solid; padding: 0.75rem; transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
@media (min-width: 550px) {
  .singleProperty .floorPlan .tabOutter { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 1024px) {
  .singleProperty .floorPlan .tabOutter { width: 180px; justify-content: space-between; }
}
.singleProperty .floorPlan .tabOutter .arrowOutter { display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.singleProperty .floorPlan .iconOutter { display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-bg-opacity: 0.2; }
.singleProperty .location .switch { display: inline-block; }
.singleProperty .location .switch input { display: none; }
:is(.singleProperty .location .switch input):checked ~ label::after { --tw-translate-x: 20px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
@media (min-width: 1024px) {
  :is(.singleProperty .location .switch input):checked ~ label::after { --tw-translate-x: 30px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
.singleProperty .location .switch label { display: block; height: 20px; width: 40px; cursor: pointer; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); padding: 0.125rem; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
@media (min-width: 1024px) {
  .singleProperty .location .switch label { height: 30px; width: 60px; padding: 3px; }
}
.singleProperty .location .switch label::after { display: inherit; height: 0.75rem; width: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .singleProperty .location .switch label::after { height: 1.25rem; width: 1.25rem; }
}
.singleProperty .location .cardOutter { margin-top: 1.25rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 1rem; }
@media (min-width: 550px) {
  .singleProperty .location .cardOutter { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .singleProperty .location .cardOutter { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (min-width: 1280px) {
  .singleProperty .location .cardOutter { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.singleProperty .location .cardOutter .card { height: 100%; border-width: 2px; border-style: solid; --tw-border-opacity: 0.3; }
.singleProperty .location .cardOutter .card .cardInner { padding: 0.25rem; }
.singleProperty .location .cardOutter .card .cardInner .iconOutter { margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; display: flex; height: 5rem; width: 5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(195, 139, 83); padding: 1rem; }
.singleProperty .location .cardOutter .card .cardInner .iconOutter svg path { fill: rgb(255, 255, 255); }
.singleProperty .location .cardOutter .card .distance { width: 100%; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-bg-opacity: 0.3; padding: 0.5rem 1.25rem; text-align: center; }
.singleProperty .whyInvest { padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .singleProperty .whyInvest { padding-top: 5rem; padding-bottom: 5rem; }
}
.singleProperty .whyInvest .cardRow { margin-top: 2.5rem; margin-bottom: 2.5rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 2.5rem; }
@media (min-width: 768px) {
  .singleProperty .whyInvest .cardRow { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1280px) {
  .singleProperty .whyInvest .cardRow { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.singleProperty .whyInvest .cardRow .card .iconOutter { position: relative; height: 5rem; width: 5rem; }
.singleProperty .whyInvest .cardRow .card .iconOutter .count { position: absolute; bottom: -0.5rem; right: 0.125rem; z-index: 10; border-radius: 9999px; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: #b6b6b6 var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position); background-clip: text; font-size: 64px; color: transparent; }
.singleProperty .whyInvest .cardRow .card .iconOutter .tickOutter { position: absolute; top: 20%; right: -25%; z-index: 0; height: 2.5rem; width: 2.5rem; border-radius: 9999px; background: linear-gradient(rgb(36, 36, 36), rgb(0, 10, 13)); }
.singleProperty .whyInvest .cardRow .card .iconOutter .tickInner { position: absolute; top: 28%; right: -17%; z-index: 50; display: flex; height: 1.75rem; width: 1.75rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
.singleProperty .whyInvest .cardRow .card .iconBg { display: flex; height: 5rem; width: 5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); --tw-gradient-from: #4c4c4c var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position); }
.singleProperty .whyInvest .cardRow .card .iconBg svg { width: 3rem; }
@media (min-width: 1280px) {
  .singleProperty .whyInvest .cardRow .card:nth-child(2), .singleProperty .whyInvest .cardRow .card:nth-child(3) { margin-top: -2.5rem; }
}
.react-tel-input { border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.react-tel-input input { padding-left: 3.5rem; }
.registerPopup { position: fixed; top: 0px; left: 0px; z-index: 9999; height: 100vh; width: 100vw; }
.registerPopup .downloadPopupInner { position: absolute; top: 0px; left: 0px; z-index: 999999; display: flex; height: 100vh; width: 100vw; align-items: center; justify-content: center; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0.9; }
.registerPopup .downloadPopupInner .inner { position: relative; z-index: 0; margin: 2.5rem; --tw-bg-opacity: 1; background-color: rgb(19 20 20/var(--tw-bg-opacity)); padding: 1.25rem; }
@media (min-width: 768px) {
  .registerPopup .downloadPopupInner .inner { --tw-scale-y: 100%; }
}
@media (min-width: 1024px) {
  .registerPopup .downloadPopupInner .inner { padding: 2.5rem; }
}
@media (min-width: 1540px) {
  .registerPopup .downloadPopupInner .inner { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
.registerPopup .downloadPopupInner .inner .formOutter input { width: 100%; border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.registerPopup .downloadPopupInner .inner .formOutter input[type="checkbox"] { margin-bottom: 0px; height: 1rem; width: 1rem; }
.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input { border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input input { width: 100%; border-width: 0px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 1rem 1rem 1rem 3.5rem; }
.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open { background-color: transparent; }
:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open { --tw-bg-opacity: 1; background-color: rgb(19 20 20/var(--tw-bg-opacity)); }
:is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover { --tw-bg-opacity: 1; background-color: rgb(19 20 20/var(--tw-bg-opacity)); }
:is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow, :is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up { border-top-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.downloadPopup { position: fixed; top: 0px; left: 0px; z-index: 9999; height: 100vh; width: 100vw; }
.downloadPopup .downloadPopupInner { position: absolute; top: 0px; left: 0px; z-index: 999999; display: flex; height: 100vh; width: 100vw; align-items: center; justify-content: center; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0.9; }
.downloadPopup .downloadPopupInner .inner { position: relative; z-index: 0; margin: 2.5rem; max-width: 80rem; --tw-bg-opacity: 1; background-color: rgb(19 20 20/var(--tw-bg-opacity)); padding: 1.75rem 0px; }
@media (min-width: 768px) {
  .downloadPopup .downloadPopupInner .inner { --tw-scale-x: 80%; --tw-scale-y: 80%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
@media (min-width: 1024px) {
  .downloadPopup .downloadPopupInner .inner { padding: 3.5rem; }
}
@media (min-width: 1280px) {
  .downloadPopup .downloadPopupInner .inner { padding: 4rem; }
}
@media (min-width: 1540px) {
  .downloadPopup .downloadPopupInner .inner { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
@media (min-width: 1024px) {
  .downloadPopup .downloadPopupInner .inner .formOutter { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.downloadPopup .downloadPopupInner .inner .formOutter input { width: 100%; border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.downloadPopup .downloadPopupInner .inner .formOutter input[type="checkbox"] { margin-bottom: 0px; height: 1rem; width: 1rem; }
.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input { border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input input { width: 100%; border-width: 0px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 1rem 1rem 1rem 3.5rem; }
.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open { background-color: transparent; }
:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open { --tw-bg-opacity: 1; background-color: rgb(19 20 20/var(--tw-bg-opacity)); }
:is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover { --tw-bg-opacity: 1; background-color: rgb(19 20 20/var(--tw-bg-opacity)); }
:is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow, :is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up { border-top-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.downloadPopup .downloadPopupInner .inner .popupImgOutter { display: none; }
@media (min-width: 1024px) {
  .downloadPopup .downloadPopupInner .inner .popupImgOutter { display: block; }
}
.downloadPopup .downloadPopupInner .inner .popupImgOutter img { max-height: 500px; }
.applyNowPopup { position: fixed; top: 0px; left: 0px; z-index: 9999; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0.9; }
.applyNowPopup .inner { position: relative; z-index: 0; margin-left: auto; margin-right: auto; max-width: 1100px; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(24 24 24/var(--tw-bg-opacity)); padding: 1.75rem; }
@media (min-width: 1024px) {
  .applyNowPopup .inner { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); padding: 3.5rem; }
}
@media (min-width: 1540px) {
  .applyNowPopup .inner { --tw-scale-x: 0.85; --tw-scale-y: 0.85; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
@media (min-width: 1024px) {
  .applyNowPopup .inner .formOutter { padding-right: 2.5rem; }
}
.applyNowPopup .inner .formOutter form { display: flex; flex-direction: column; gap: 1rem; }
.applyNowPopup .inner .formOutter form .input-feild:first-child label { display: flex; width: 100%; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; border-width: 2px; border-style: dashed; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 1.25rem; }
.applyNowPopup .inner .formOutter form .input-feild:first-child label:focus { outline: transparent solid 2px; outline-offset: 2px; }
.applyNowPopup .inner .formOutter form .input-feild input { width: 100%; cursor: pointer; border-width: 2px; border-style: solid; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 0.75rem; font-size: 1rem; line-height: 1.5rem; }
.applyNowPopup .inner .formOutter form .input-feild input:focus { outline: transparent solid 2px; outline-offset: 2px; }
.applyNowPopup .inner .formOutter form .input-feild input::-webkit-inner-spin-button, .applyNowPopup .inner .formOutter form .input-feild input::-webkit-outer-spin-button { margin: 0px; appearance: none; }
.applyNowPopup .inner .formOutter form .input-feild input[type="number"] { }
.applyNowPopup .inner .formOutter form .input-feild .react-tel-input { border-width: 2px; border-style: solid; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.applyNowPopup .inner .formOutter form .input-feild .react-tel-input input { min-height: 52px; width: 100%; border-width: 0px; border-style: solid; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; background-color: transparent; padding: 0.75rem 0.75rem 0.75rem 3.5rem; font-size: 1rem; line-height: 1.5rem; }
.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open { border-style: none; background-color: transparent; }
:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open { --tw-bg-opacity: 1; background-color: rgb(24 24 24/var(--tw-bg-opacity)); }
:is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open):hover { --tw-bg-opacity: 1; background-color: rgb(24 24 24/var(--tw-bg-opacity)); }
:is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow, :is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up { border-top-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.applyNowPopup .inner .jobBtn { width: 100%; --tw-bg-opacity: 1; background-color: rgb(33 33 34/var(--tw-bg-opacity)); padding: 1.25rem; }
.applyNowPopup .inner .jobBtn svg path { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); }
.applyNowPopup .inner .responsibilityOutter { padding: 0px; }
@media (min-width: 1024px) {
  .applyNowPopup .inner .responsibilityOutter { --tw-bg-opacity: 1; background-color: rgb(33 33 34/var(--tw-bg-opacity)); padding: 3.5rem; }
}
.applyNowPopup .inner .responsibilityOutter ul { margin-left: 1.25rem; list-style-type: disc; }
.applyNowPopup .inner .responsibilityOutter ul li { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 0.875rem; font-weight: 300; line-height: 1.25; color: rgb(255 255 255/var(--tw-text-opacity)); --tw-text-opacity: 0.6; }
.communityAbout { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.communityAbout .rightContent { position: relative; z-index: 10; height: 100%; width: 100%; }
@media (min-width: 1540px) {
  .communityAbout .rightContent { padding-right: 2.5rem; }
}
.communityAbout .rightContent .folderBorder { width: 100%; max-width: 30rem; }
.communityAbout .rightContent .folderBorder tr:first-child td, .communityAbout .rightContent .folderBorder tr:first-child td:first-child { position: relative; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.communityAbout .rightContent .folderBorder tr:first-child td:first-child span { margin-right: 0.75rem; display: inline-block; height: 0.5rem; width: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 0 0/var(--tw-bg-opacity)); vertical-align: middle; }
.communityAbout .rightContent .folderBorder tr:first-child td:first-child::before { position: absolute; left: 0.125rem; bottom: -0.25rem; z-index: 50; display: inline-block; width: 105%; border-top-width: 10px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityAbout .rightContent .folderBorder tr:first-child td:first-child::after { position: absolute; left: 0px; top: 0px; display: inline-block; height: 100%; width: 100%; border-width: 2px 2px 0px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityAbout .rightContent .folderBorder tr:first-child td:nth-child(2)::before { position: absolute; left: -2px; bottom: -2px; z-index: 50; display: inline-block; height: 50%; width: 50%; border-bottom-width: 2px; border-left-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityAbout .rightContent .folderBorder tr:nth-child(2) td { position: relative; z-index: 10; height: 100%; width: 100%; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.communityAbout .rightContent .folderBorder tr:nth-child(2) td::after { position: absolute; left: 0px; top: 0px; z-index: -10; display: inline-block; height: 100%; width: 100%; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityProjects { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.communityNabouring { overflow: hidden; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
@media (min-width: 768px) {
  .communityNabouring .callFolder { padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  .communityNabouring .callFolder { padding-right: 1.5rem; }
}
.communityNabouring .callFolder table { width: 100%; max-width: 30rem; }
@media (min-width: 1024px) {
  .communityNabouring .callFolder table { margin-left: auto; }
}
.communityNabouring .callFolder table tr:first-child td:first-child { position: relative; z-index: 10; width: 100%; padding: 1rem; text-align: left; }
@media (min-width: 1024px) {
  .communityNabouring .callFolder table tr:first-child td:first-child { padding: 1.25rem; }
}
.communityNabouring .callFolder table tr:first-child td:first-child::before { position: absolute; left: 0px; top: 0px; z-index: 0; display: inline-block; height: 100%; width: 100%; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityNabouring .callFolder table tr:nth-child(2) td:first-child { position: relative; z-index: 10; width: 50%; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; }
@media (min-width: 1024px) {
  .communityNabouring .callFolder table tr:nth-child(2) td:first-child { padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; }
}
.communityNabouring .callFolder table tr:nth-child(2) td:first-child::before { position: absolute; left: 0px; top: 0px; z-index: -20; display: inline-block; height: 100%; width: 100%; border-width: 0px 2px 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityNabouring .callFolder table tr:nth-child(2) td:first-child::after { position: absolute; top: -3px; left: 0.125rem; z-index: -10; display: inline-block; height: 100%; width: 100%; border-top-width: 8px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityNabouring .callFolder table tr:nth-child(2) td:nth-child(2) { position: relative; z-index: 10; width: 50%; }
.communityNabouring .callFolder table tr:nth-child(2) td:nth-child(2)::before { position: absolute; left: -0.125rem; top: -0.125rem; z-index: 0; display: inline-block; height: 50%; width: 50%; border-width: 2px 0px 0px 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 234 227/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.communityNabouring .dragContainer { cursor: none; padding-top: 1.25rem; }
.communityNabouring .dragContainer .cursorOutter { display: none; }
.communityNabouring .dragContainer .cursorOutter .cursorOutline { pointer-events: none; position: fixed; top: 0px; left: 0px; z-index: 50; display: flex; height: 5rem; width: 5rem; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; border-radius: 9999px; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.communityNabouring .dragContainer .cursorOutter .cursorOutline .cursorDot { display: flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.communityNabouring .dragContainer .slick-slider { margin: 0px -9px; }
.communityWhyInvest { padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .communityWhyInvest { padding-top: 5rem; padding-bottom: 5rem; }
}
.communityWhyInvest .cardRow { margin-top: 2.5rem; margin-bottom: 2.5rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 2.5rem; }
@media (min-width: 768px) {
  .communityWhyInvest .cardRow { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1280px) {
  .communityWhyInvest .cardRow { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.communityWhyInvest .cardRow .card .iconOutter { position: relative; height: 5rem; width: 5rem; }
.communityWhyInvest .cardRow .card .iconOutter .count { position: absolute; bottom: -0.5rem; right: 0.125rem; z-index: 0; border-radius: 9999px; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: #b6b6b6 var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position); background-clip: text; font-size: 64px; color: transparent; }
.communityWhyInvest .cardRow .card .iconOutter .tickOutter { position: absolute; top: 20%; right: -25%; z-index: 0; height: 2.5rem; width: 2.5rem; border-radius: 9999px; background: linear-gradient(rgb(36, 36, 36), rgb(0, 10, 13)); }
.communityWhyInvest .cardRow .card .iconOutter .tickInner { position: absolute; top: 28%; right: -17%; z-index: 0; display: flex; height: 1.75rem; width: 1.75rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
.communityWhyInvest .cardRow .card .iconBg { display: flex; height: 5rem; width: 5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); --tw-gradient-from: #4c4c4c var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position); }
.communityWhyInvest .cardRow .card .iconBg svg { width: 3rem; }
@media (min-width: 1280px) {
  .communityWhyInvest .cardRow .card:nth-child(2), .communityWhyInvest .cardRow .card:nth-child(3) { margin-top: -2.5rem; }
}
.communityLocation { padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .communityLocation { padding-bottom: 5rem; }
}
.communityLocation .switch { display: inline-block; }
.communityLocation .switch input { display: none; }
:is(.communityLocation .switch input):checked ~ label::after { --tw-translate-x: 20px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
@media (min-width: 1024px) {
  :is(.communityLocation .switch input):checked ~ label::after { --tw-translate-x: 30px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
.communityLocation .switch label { display: block; height: 20px; width: 40px; cursor: pointer; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); padding: 0.125rem; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
@media (min-width: 1024px) {
  .communityLocation .switch label { height: 30px; width: 60px; padding: 3px; }
}
.communityLocation .switch label::after { display: inherit; height: 0.75rem; width: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .communityLocation .switch label::after { height: 1.25rem; width: 1.25rem; }
}
.communityLocation .cardOutter { margin-top: 1.25rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 1.25rem; }
@media (min-width: 550px) {
  .communityLocation .cardOutter { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .communityLocation .cardOutter { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (min-width: 1280px) {
  .communityLocation .cardOutter { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.communityLocation .cardOutter .card { height: 100%; border-width: 2px; border-style: solid; --tw-border-opacity: 0.1; }
.communityLocation .cardOutter .card:first-child svg path { fill: rgb(191, 158, 119); }
.communityLocation .cardOutter .card .cardInner { padding: 1.25rem; }
.communityLocation .cardOutter .card .cardInner .iconOutter { margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; display: flex; height: 3.5rem; width: 3.5rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
.communityLocation .cardOutter .card .distance { width: 100%; background-color: rgb(170 170 172/var(--tw-bg-opacity)); --tw-bg-opacity: 0.3; padding: 0.5rem 1.25rem; text-align: center; }
.communityLocation .cardOutter .card .distance svg path { fill: rgb(255, 255, 255); }
.serviceBanner { position: relative; z-index: 0; }
.serviceBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.serviceBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); padding-top: 5rem; }
.serviceBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 3.5rem; }
.serviceBanner .contentOutter .contentOverlay .logo { display: flex; height: 100px; width: 150px; align-items: center; justify-content: center; padding: 1.25rem; }
.serviceBanner .contentOutter .contentOverlay .logo svg path { fill: rgb(0, 0, 0); }
.servicesOutter { position: relative; padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .servicesOutter { padding-top: 5rem; padding-bottom: 5rem; }
}
.servicesOutter .servicesGrid { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 2.5rem; }
@media (min-width: 768px) {
  .servicesOutter .servicesGrid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .servicesOutter .servicesGrid { gap: 5rem; }
}
.servicesOutter .servicesGrid .serviceCardOutter { position: relative; height: 100%; padding-bottom: 4rem; }
.servicesOutter .servicesGrid .serviceCardOutter .serviceContent { display: flex; flex-wrap: nowrap; gap: 1.25rem; padding-top: 1.25rem; }
.servicesOutter .servicesGrid .serviceCardOutter .serviceContent .h4 { margin-bottom: 0.75rem; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 1024px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 { min-height: 6rem; }
}
@media (min-width: 1540px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 1024px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 { min-height: 6rem; }
}
@media (min-width: 1540px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 { min-height: 6rem; }
}
@media (min-width: 1540px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .h4 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .h4 { min-height: 4rem; }
}
.innerServiceAbout { position: relative; z-index: 0; padding-top: 2.5rem; padding-bottom: 8rem; }
@media (min-width: 1024px) {
  .innerServiceAbout { padding-top: 5rem; }
}
.innerServiceAboutNew { position: relative; z-index: 0; padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .innerServiceAboutNew { padding-top: 5rem; }
}
.careerBanner, .innerServiceCard { position: relative; z-index: 0; }
.careerBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); }
.careerBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); padding-top: 5rem; }
.careerBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 3.5rem; }
.globalCompany { position: relative; z-index: 0; padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .globalCompany { padding-top: 5rem; padding-bottom: 5rem; }
}
.benefits { margin-top: 2.5rem; margin-bottom: 2.5rem; overflow: hidden; }
@media (min-width: 1024px) {
  .benefits { margin-top: 5rem; margin-bottom: 5rem; }
}
.benefits .objextiveOutter { position: relative; padding-right: 5rem; }
@media (min-width: 640px) {
  .benefits .objextiveOutter { padding-right: 0px; }
}
@media (min-width: 768px) {
  .benefits .objextiveOutter { padding-right: 5rem; }
}
@media (min-width: 1024px) {
  .benefits .objextiveOutter { padding-right: 0px; }
}
@media (min-width: 1280px) {
  .benefits .objextiveOutter { padding-right: 5rem; }
}
@media (min-width: 1540px) {
  .benefits .objextiveOutter { padding-right: 0px; }
}
.benefits .objextiveOutter .slick-slider .slick-list { overflow: visible; }
.benefits .objextiveOutter .slick-slider .slick-list .slick-slide { padding: 0px 15px 0px 0px; }
.benefits .objextiveOutter .reviewBox { position: relative; min-height: 270px; width: 100%; overflow: hidden; border-width: 2px; border-style: solid; border-color: rgb(68 68 68/var(--tw-border-opacity)); --tw-border-opacity: 0.5; --tw-bg-opacity: 1; background-color: rgb(31 31 31/var(--tw-bg-opacity)); padding: 1.25rem; }
@media (min-width: 550px) {
  .benefits .objextiveOutter .reviewBox { height: 100%; }
}
@media (min-width: 640px) {
  .benefits .objextiveOutter .reviewBox { height: 450px; }
}
@media (min-width: 768px) {
  .benefits .objextiveOutter .reviewBox { height: 370px; }
}
@media (min-width: 1024px) {
  .benefits .objextiveOutter .reviewBox { height: 390px; padding: 1.75rem; }
}
@media (min-width: 1280px) {
  .benefits .objextiveOutter .reviewBox { height: 315px; }
}
@media (min-width: 1540px) {
  .benefits .objextiveOutter .reviewBox { height: 100%; }
}
.benefits .objextiveOutter .reviewBox:hover > .imgHover { display: block; }
.team-wrapper { border-width: 2px; border-style: solid; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.latestJobOpenings { margin-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .latestJobOpenings { margin-top: 5rem; padding-bottom: 5rem; }
}
.latestJobOpenings .openingListOutter { border-bottom-width: 2px; border-style: solid; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.latestJobOpenings .openingListOutter:last-child { border-style: none; }
.latestJobOpenings .openingListOutter .openingList { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 2.5rem; --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); padding-right: 2.75rem; }
@media (min-width: 1024px) {
  .latestJobOpenings .openingListOutter .openingList { grid-template-columns: 70% 30%; }
}
.latestJobOpenings .openingListOutter .openingList ul { margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
@media (min-width: 550px) {
  .latestJobOpenings .openingListOutter .openingList ul { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1280px) {
  .latestJobOpenings .openingListOutter .openingList ul { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.latestJobOpenings .openingListOutter .openingList ul li { width: 200px; flex-shrink: 0; }
@media (min-width: 550px) {
  .latestJobOpenings .openingListOutter .openingList ul li { width: 100%; }
}
.latestJobOpenings .openingListOutter .aboutRole { margin-top: 1.25rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 1.25rem; }
@media (min-width: 1024px) {
  .latestJobOpenings .openingListOutter .aboutRole { grid-template-columns: 70% 30%; }
}
@media (min-width: 1280px) {
  .latestJobOpenings .openingListOutter .aboutRole { grid-template-columns: 65% 35%; }
}
.latestJobOpenings .openingListOutter .aboutRole ul { margin-left: 1.25rem; margin-top: 0.5rem; list-style-type: disc; }
.latestJobOpenings .openingListOutter .aboutRole ul li { font-size: 0.875rem; font-weight: 300; line-height: 1.25; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.hotspotDots { position: absolute; z-index: 0; height: 25px; width: 25px; cursor: pointer; }
@media (min-width: 1280px) {
  .hotspotDots { height: 30px; width: 30px; }
}
.hotspotDots .outterOutline { position: relative; z-index: 0; height: 100%; width: 100%; }
.hotspotDots .outterOutline::before { position: absolute; top: 0px; left: 0px; z-index: -10; display: inline-block; height: 100%; width: 100%; animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping; border-radius: 9999px; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); }
.hotspotDots .spotCard { z-index: 50; width: 280px; --tw-bg-opacity: 1; padding: 0.5rem; }
.hotspotDots .spotCard, .hotspotDots .spotCard::before { position: absolute; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.hotspotDots .spotCard::before { z-index: -10; display: inline-block; height: 1.75rem; width: 1.75rem; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; --tw-content: ""; content: var(--tw-content); }
.hotspotDots::before { top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.hotspotDots::after, .hotspotDots::before { position: absolute; z-index: -10; display: inline-block; border-radius: 9999px; --tw-bg-opacity: 1; --tw-content: ""; content: var(--tw-content); }
.hotspotDots::after { top: 0.375rem; left: 0.375rem; height: 50%; width: 50%; background-color: rgb(191 158 119/var(--tw-bg-opacity)); }
@media (min-width: 1280px) {
  .hotspotDots::after { top: 0.5rem; left: 0.5rem; }
}
.companyMotive .slick-slider .slick-list { overflow: visible; }
.companyMotive .companyMotive_card { position: relative; z-index: 0; margin-left: 0.75rem; margin-right: 0.75rem; cursor: pointer; overflow: hidden; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.companyMotive .companyMotive_card .imgBorder { overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(87 87 94/var(--tw-border-opacity)); --tw-border-opacity: 0.5; }
.companyMotive .companyMotive_card .imgBorder img { min-height: 500px; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.companyMotive .companyMotive_card .imgBorder img, .companyMotive .companyMotive_card .title { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.companyMotive .companyMotive_card .title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.companyMotive .companyMotive_card .contextOverlay { left: 0px; bottom: 0px; z-index: 10; display: flex; height: 100%; width: 100%; flex-direction: column; justify-content: flex-end; background-color: transparent; padding: 1.25rem; }
@media (min-width: 1024px) {
  .companyMotive .companyMotive_card .contextOverlay { position: absolute; }
  .companyMotive .companyMotive_card .para { display: none; }
}
.companyMotive .companyMotive_card:hover { box-shadow: rgba(191, 159, 119, 0.27) 0px 0px 100px 0px; }
.companyMotive .companyMotive_card:hover img { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.companyMotive .companyMotive_card:hover .title { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.companyMotive .companyMotive_card:hover .contextOverlay { justify-content: space-between; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0.7; }
@media (min-width: 1024px) {
  .companyMotive .companyMotive_card:hover .contextOverlay .para { display: block; }
}
.aboutBanner { position: relative; z-index: 0; }
.aboutBanner .bgOverlay { position: absolute; top: 0px; z-index: 10; height: 100%; width: 100%; background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13)); opacity: 0.5; }
.aboutBanner .contentOutter { position: absolute; bottom: 0px; z-index: 30; height: 100%; width: 100%; background-color: rgba(0, 10, 13, 0.28); padding-top: 5rem; }
.aboutBanner .contentOutter .contentOverlay { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 3.5rem; }
.communityFloorCount .communityCountCard { grid-column: span 1 / span 1; border-top-width: 1px; border-style: solid; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.25rem; }
@media (min-width: 640px) {
  .communityFloorCount .communityCountCard { grid-column: span 2 / span 2; border-left-width: 1px; border-top-width: 0px; }
}
@media (min-width: 1024px) {
  .communityFloorCount .communityCountCard { grid-column: span 1 / span 1; }
}
.communityCount .communityCountCard { grid-column: span 1 / span 1; border-top-width: 1px; border-style: solid; padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; }
@media (min-width: 640px) {
  .communityCount .communityCountCard { grid-column: span 2 / span 2; border-left-width: 1px; border-top-width: 0px; padding-top: 0px; padding-bottom: 0px; }
}
@media (min-width: 1024px) {
  .communityCount .communityCountCard { grid-column: span 1 / span 1; }
}
.realEstateCount .communityCountCard { border-style: solid; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); padding-left: 1.25rem; padding-top: 1.25rem; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard { padding-top: 0px; }
}
.realEstateCount .communityCountCard .h2 { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.realEstateCount .communityCountCard .h2 span sup { top: -1.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.realEstateCount .communityCountCard:first-child { border-top-width: 1px; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard:first-child { border-left-width: 1px; border-top-width: 0px; }
}
.realEstateCount .communityCountCard:nth-child(2) { border-top-width: 1px; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard:nth-child(2) { border-left-width: 1px; border-top-width: 0px; }
}
.realEstateCount .communityCountCard:nth-child(3) { border-top-width: 1px; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard:nth-child(3) { border-left-width: 1px; border-top-width: 0px; }
}
.realEstateCount .communityCountCard:nth-child(4) { border-top-width: 1px; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard:nth-child(4) { border-left-width: 1px; border-top-width: 0px; }
}
.realEstateCount .communityCountCard:nth-child(4) .h2 { padding-top: 0.75rem; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard:nth-child(4) .h2 { padding-top: 0px; }
}
.realEstateCount .communityCountCard:nth-child(4) .h2 span sup { top: -1.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.aboutNew { position: relative; z-index: 0; }
.aboutNew .objectiveOutter { overflow: hidden; }
.aboutNew .objectiveOutter .slick-slider .slick-list { overflow: visible; }
.aboutNew .objectiveOutter .objectiveCardOutter { padding-left: 1.25rem; padding-right: 1.25rem; }
.aboutNew .objectiveOutter .objectiveCardOutter .contextOutter { display: flex; min-height: 300px; flex-direction: column; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgb(239 239 239/var(--tw-bg-opacity)); padding: 2.5rem; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
.aboutNew .ankurSection { position: relative; z-index: 0; }
.benefits .objectiveOutter { margin-top: 2.5rem; margin-bottom: 2.5rem; overflow: hidden; }
.benefits .objectiveOutter .slick-slider .slick-list { overflow: visible; }
.benefits .objectiveOutter .objectiveCardOutter { padding-left: 1.25rem; padding-right: 1.25rem; }
.benefits .objectiveOutter .objectiveCardOutter .contextOutter { display: flex; min-height: 375px; flex-direction: column; justify-content: space-between; gap: 2.5rem; --tw-bg-opacity: 1; background-color: rgb(31 31 31/var(--tw-bg-opacity)); padding: 2.5rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
@media (min-width: 768px) {
  .benefits .objectiveOutter .objectiveCardOutter .contextOutter { min-height: 300px; }
}
@media (min-width: 1024px) {
  .benefits .objectiveOutter .objectiveCardOutter .contextOutter { min-height: 355px; }
}
@media (min-width: 1280px) {
  .benefits .objectiveOutter .objectiveCardOutter .contextOutter { min-height: 300px; }
}
.communityProjectCardNew .communityProjectCardOutter { position: relative; z-index: 0; overflow: hidden; }
.communityProjectCardNew .communityProjectCardOutter .communityImg { height: 400px; width: 100%; object-fit: cover; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .communityImg { height: 500px; }
}
.communityProjectCardNew .communityProjectCardOutter .imgOverlay { position: absolute; inset: 0px; z-index: 0; background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: #000a0d var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); opacity: 0.25; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.5s; }
.group:hover .communityProjectCardNew .communityProjectCardOutter .imgOverlay { opacity: 0.25; }
.communityProjectCardNew .communityProjectCardOutter .logoOutter { position: absolute; top: 0px; right: 0px; z-index: 10; }
.communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner { display: flex; height: 100px; width: 150px; align-items: center; justify-content: center; padding: 1.25rem; }
.communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner svg path { fill: rgb(255, 255, 255); }
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter { bottom: 0px; right: 0px; z-index: 10; display: flex; height: 100%; width: 100%; align-items: flex-end; background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: #000a0d var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter { position: absolute; }
}
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner { display: flex; width: 100%; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1.75rem; padding-top: 2.5rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner { gap: 0px; padding: 1.75rem; }
}
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .apartments { margin-bottom: 1.25rem; display: inline-block; padding: 0.5rem 1rem; }
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location { margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; }
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location svg path { fill: rgb(255, 255, 255); }
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn { position: relative; z-index: 0; width: 100%; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); padding: 0.875rem 3rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn { --tw-border-opacity: 1; border-color: rgb(0 10 13/var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
}
.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover { --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
}
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter { top: 0px; right: 0px; z-index: 20; height: 100%; width: 100%; }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter { position: absolute; opacity: 0; }
}
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner { display: flex; height: 100%; width: 100%; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1.75rem; padding-top: 2.5rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner { gap: 0px; --tw-bg-opacity: 1; background-color: rgb(217 217 217/var(--tw-bg-opacity)); padding: 1.75rem; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
}
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .apartments { margin-bottom: 1.25rem; display: inline-block; --tw-bg-opacity: 1; background-color: rgb(249 249 249/var(--tw-bg-opacity)); padding: 0.5rem 1rem; }
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .location { margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; }
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo { position: relative; z-index: 0; width: 100%; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 10 13/var(--tw-border-opacity)); padding: 0.875rem 3rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo:hover { --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn { position: relative; z-index: 0; width: 100%; overflow: hidden; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); padding: 0.875rem 3rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn { --tw-border-opacity: 1; border-color: rgb(0 10 13/var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
}
.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover { --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
}
.communityProjectCardNew .communityProjectCardOutter:hover .communityImg { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (min-width: 1024px) {
  .communityProjectCardNew .communityProjectCardOutter:hover .logoAnimate { animation: 0.5s ease-in-out 0s 1 normal forwards running logoAnimate; }
  .communityProjectCardNew .communityProjectCardOutter:hover .textAnimate { animation: 0.5s ease-in-out 0s 1 normal forwards running textAnimate; }
}
@keyframes logoAnimate { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes textAnimate { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.menuSection a .menuCardOutter { position: relative; z-index: 0; }
.menuSection a .menuCardOutter .menuCardInner { border: 1px solid transparent; --tw-bg-opacity: 1; background-color: rgb(20 20 20/var(--tw-bg-opacity)); padding: 1.75rem; }
.menuSection a .menuCardOutter .menuCardInner, .menuSection a .menuCardOutter .menuCardInner .h5 { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.menuSection a .menuCardOutter .menuCardInner .h5 { margin-left: auto; margin-right: auto; max-width: 150px; font-size: 17px; text-align: center; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.menuSection a:first-child .menuCardOutter .menuCardInner::after { position: absolute; top: 25%; right: -20px; display: none; height: 50%; width: 1px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 640px) {
  .menuSection a:first-child .menuCardOutter .menuCardInner::after { display: block; }
}
.menuSection a:first-child .menuCardOutter .menuCardInner::before { position: absolute; left: 25%; bottom: -20px; display: block; height: 1px; width: 50%; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .menuSection a:first-child .menuCardOutter .menuCardInner::before { display: none; }
}
.menuSection a:nth-child(2) .menuCardOutter .menuCardInner::after { position: absolute; top: 25%; right: -20px; display: none; height: 50%; width: 1px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .menuSection a:nth-child(2) .menuCardOutter .menuCardInner::after { display: block; }
}
.menuSection a:nth-child(2) .menuCardOutter .menuCardInner::before { position: absolute; left: 25%; bottom: -20px; display: block; height: 1px; width: 50%; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .menuSection a:nth-child(2) .menuCardOutter .menuCardInner::before { display: none; }
}
.menuSection a:nth-child(3) .menuCardOutter .menuCardInner::after { position: absolute; top: 25%; right: -20px; display: none; height: 50%; width: 1px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 640px) {
  .menuSection a:nth-child(3) .menuCardOutter .menuCardInner::after { display: block; }
}
.menuSection a:nth-child(3) .menuCardOutter .menuCardInner::before { position: absolute; left: 25%; bottom: -20px; display: block; height: 1px; width: 50%; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 640px) {
  .menuSection a:nth-child(3) .menuCardOutter .menuCardInner::before { display: none; }
}
.menuSection a:hover .menuCardOutter .menuCardInner { --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.menuSection a:hover .menuCardOutter .menuCardInner .h5 { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.investmentSectionNew .bgOverlay { position: absolute; top: 0px; left: 0px; z-index: 20; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.494), transparent); }
.aceLogo svg { margin-bottom: 1.25rem; width: 400px; }
.aceLogo svg path { fill: rgb(255, 255, 255); }
.footerTwo { --tw-bg-opacity: 1; background-color: rgb(30 35 38/var(--tw-bg-opacity)); padding-top: 4rem; padding-bottom: 3rem; }
.footerTwo .footerMenuTitle { margin-bottom: 1.75rem; display: inline-block; font-weight: 600; text-transform: uppercase; }
@media (min-width: 1024px) {
  .footerTwo .footerMenuTitle { margin-bottom: 2.5rem; }
}
.footerTwo .line-footer { display: block; height: 1px; width: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); }
.footerTwo .footerLink { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255 255 255/var(--tw-text-opacity)); --tw-text-opacity: 0.7; }
.footerTwo .footerLink:hover { color: rgb(191 158 119/var(--tw-text-opacity)); --tw-text-opacity: 1; }
.footerTwo .foooterLogo { margin-bottom: 2.5rem; width: 90%; }
.footerTwo .foooterLogo svg path { fill: rgb(255, 255, 255); }
.footerTwo .subscribeUs form label { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.footerTwo .subscribeUs form .imputOutter { position: relative; z-index: 0; margin-top: 0.75rem; border-bottom-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.1; padding-bottom: 0.5rem; }
.footerTwo .subscribeUs form .imputOutter input { width: 100%; background-color: transparent; padding: 0.5rem 0.75rem; }
.footerTwo .subscribeUs form .imputOutter input:focus { outline: transparent solid 2px; outline-offset: 2px; }
.footerTwo .subscribeUs form .imputOutter button { position: absolute; top: 0px; right: 0px; z-index: 10; display: flex; height: 2.5rem; align-items: center; justify-content: flex-end; padding-right: 0.75rem; }
.NewLaunch, .footerTwo .footerBottom { margin-top: 2.5rem; }
.NewLaunch { position: relative; z-index: 0; }
.NewLaunch img { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; }
.NewLaunch .imgOverlay { background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-bg-opacity: 0; }
.NewLaunch .contextOutter, .NewLaunch .imgOverlay { position: absolute; top: 0px; left: 0px; z-index: 10; height: 100%; width: 100%; }
.NewLaunch .contextOutter { display: flex; align-items: center; justify-content: center; padding: 1.25rem; }
.NewLaunch .contextOutter .contextInner { width: 100%; }
.NewLaunch .contextOutter .contextInner .overlayLogo { width: 50%; }
@media (min-width: 1024px) {
  .NewLaunch .contextOutter .contextInner .overlayLogo { width: 40%; }
}
.NewLaunch .contextOutter .contextInner .overlayLogo svg path { fill: rgb(255, 255, 255); }
.NewLaunch:hover img { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.backgroundImageTeam { background-image: url("/_next/static/media/bnw-developments-team.63ef9f47.webp"); background-size: cover; background-position: 50% center; background-repeat: no-repeat; }
.accordion-content { transition: max-height 0.2s ease-in-out; overflow: hidden; max-height: 0px; }
.accordion-content.open { max-height: 200px; }
#privacyPolicy h3.h4 { margin-top: 40px; }
.formErrorMsg { margin-top: 0px !important; margin-bottom: 0px !important; font-size: 0.75rem !important; line-height: 1rem !important; --tw-text-opacity: 1 !important; color: rgb(185 28 28/var(--tw-text-opacity)) !important; }
.whatsappBtnFloatingOutter .whatsappBtnFloating { position: fixed; right: 2rem; bottom: 1.5rem; z-index: 0; cursor: pointer; padding: 0.625rem; opacity: 0.8; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; }
.whatsappBtnFloatingOutter .whatsappBtnFloating:hover { opacity: 1; }
.blog-section2 { padding-top: 5rem; padding-bottom: 5rem; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.blog-section2 h1 { font-family: Raleway, sans-serif; margin-bottom: 1.75rem; font-weight: 600; font-size: 28px; }
@media (min-width: 768px) {
  .blog-section2 h1 { font-size: 36px; }
}
@media (min-width: 1024px) {
  .blog-section2 h1 { font-size: 45px; }
}
@media (min-width: 1540px) {
  .blog-section2 h1 { font-size: 50px; }
}
.blog-section2 h1 { line-height: 110%; }
.realEstateCount .communityCountCard .blog-section2 h1 { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.realEstateCount .communityCountCard .blog-section2 h1 span sup { top: -1.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 { padding-top: 0.75rem; }
@media (min-width: 768px) {
  .realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 { padding-top: 0px; }
}
.realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 span sup { top: -1.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.blog-section2 h2 { font-family: Raleway, sans-serif; margin-top: 1.75rem; font-weight: 500; font-size: 24px; line-height: 1.25; }
@media (min-width: 768px) {
  .blog-section2 h2 { font-size: 28px; }
}
@media (min-width: 1024px) {
  .blog-section2 h2 { font-size: 35px; }
}
@media (min-width: 1540px) {
  .blog-section2 h2 { font-size: 45px; }
}
.blog-section2 h3 { font-family: Raleway, sans-serif; margin-top: 1.25rem; font-weight: 500; font-size: 20px; }
@media (min-width: 768px) {
  .blog-section2 h3 { font-size: 24px; }
}
@media (min-width: 1024px) {
  .blog-section2 h3 { font-size: 30px; }
}
.blog-section2 h3 { line-height: 110%; }
.servicesOutter .servicesGrid .serviceCardOutter .serviceContent .blog-section2 h3 { margin-bottom: 0.75rem; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 1024px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 { min-height: 6rem; }
}
@media (min-width: 1540px) {
  .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 1024px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 { min-height: 6rem; }
}
@media (min-width: 1540px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 { min-height: 6rem; }
}
@media (min-width: 1540px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 768px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
@media (min-width: 1280px) {
  .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .blog-section2 h3 { min-height: 4rem; }
}
#privacyPolicy h3.blog-section2 h3 { margin-top: 40px; }
.blog-section2 h4 { font-family: Raleway, sans-serif; margin-top: 0.75rem; font-weight: 500; font-size: 18px; line-height: 2rem; }
@media (min-width: 768px) {
  .blog-section2 h4 { font-size: 22px; }
}
.menuSection a .menuCardOutter .menuCardInner .blog-section2 h4 { margin-left: auto; margin-right: auto; max-width: 150px; text-align: center; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; }
.menuSection a:hover .menuCardOutter .menuCardInner .blog-section2 h4 { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.blog-section2 p { font-family: Raleway, sans-serif; margin-top: 0.75rem; --tw-text-opacity: 1; color: rgb(87 87 94/var(--tw-text-opacity)); }
.blog-section2 img { margin-bottom: 1.75rem; margin-top: 2.5rem; }
.blog-section2 ul { margin-top: 0.75rem; margin-left: 1.75rem; list-style-type: disc; --tw-text-opacity: 1; color: rgb(87 87 94/var(--tw-text-opacity)); }
.blog-section2 a:link, .blog-section2 a:visited { background-color: transparent; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.blog-section2 a:active, .blog-section2 a:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); text-decoration-line: underline; }
.blog-section2 table, .blog-section2 td, .blog-section2 th { margin-top: 0.75rem; border-width: 2px; --tw-text-opacity: 1; color: rgb(87 87 94/var(--tw-text-opacity)); }
.blog-section2 td { padding-left: 1.25rem; padding-right: 1.25rem; }
.react-tel-input { font-family: Raleway, sans-serif; font-size: 15px; position: relative; width: 100%; }
.react-tel-input:disabled { cursor: not-allowed; }
.react-tel-input .flag { width: 16px; height: 11px; background-image: url("/_next/static/media/flags.f9da76b9.webp"); }
.react-tel-input .ad { background-position: -16px 0px; }
.react-tel-input .ae { background-position: -32px 0px; }
.react-tel-input .af { background-position: -48px 0px; }
.react-tel-input .ag { background-position: -64px 0px; }
.react-tel-input .ai { background-position: -80px 0px; }
.react-tel-input .al { background-position: -96px 0px; }
.react-tel-input .am { background-position: -112px 0px; }
.react-tel-input .ao { background-position: -128px 0px; }
.react-tel-input .ar { background-position: -144px 0px; }
.react-tel-input .as { background-position: -160px 0px; }
.react-tel-input .at { background-position: -176px 0px; }
.react-tel-input .au { background-position: -192px 0px; }
.react-tel-input .aw { background-position: -208px 0px; }
.react-tel-input .az { background-position: -224px 0px; }
.react-tel-input .ba { background-position: -240px 0px; }
.react-tel-input .bb { background-position: 0px -11px; }
.react-tel-input .bd { background-position: -16px -11px; }
.react-tel-input .be { background-position: -32px -11px; }
.react-tel-input .bf { background-position: -48px -11px; }
.react-tel-input .bg { background-position: -64px -11px; }
.react-tel-input .bh { background-position: -80px -11px; }
.react-tel-input .bi { background-position: -96px -11px; }
.react-tel-input .bj { background-position: -112px -11px; }
.react-tel-input .bm { background-position: -128px -11px; }
.react-tel-input .bn { background-position: -144px -11px; }
.react-tel-input .bo { background-position: -160px -11px; }
.react-tel-input .br { background-position: -176px -11px; }
.react-tel-input .bs { background-position: -192px -11px; }
.react-tel-input .bt { background-position: -208px -11px; }
.react-tel-input .bw { background-position: -224px -11px; }
.react-tel-input .by { background-position: -240px -11px; }
.react-tel-input .bz { background-position: 0px -22px; }
.react-tel-input .ca { background-position: -16px -22px; }
.react-tel-input .cd { background-position: -32px -22px; }
.react-tel-input .cf { background-position: -48px -22px; }
.react-tel-input .cg { background-position: -64px -22px; }
.react-tel-input .ch { background-position: -80px -22px; }
.react-tel-input .ci { background-position: -96px -22px; }
.react-tel-input .ck { background-position: -112px -22px; }
.react-tel-input .cl { background-position: -128px -22px; }
.react-tel-input .cm { background-position: -144px -22px; }
.react-tel-input .cn { background-position: -160px -22px; }
.react-tel-input .co { background-position: -176px -22px; }
.react-tel-input .cr { background-position: -192px -22px; }
.react-tel-input .cu { background-position: -208px -22px; }
.react-tel-input .cv { background-position: -224px -22px; }
.react-tel-input .cw { background-position: -240px -22px; }
.react-tel-input .cy { background-position: 0px -33px; }
.react-tel-input .cz { background-position: -16px -33px; }
.react-tel-input .de { background-position: -32px -33px; }
.react-tel-input .dj { background-position: -48px -33px; }
.react-tel-input .dk { background-position: -64px -33px; }
.react-tel-input .dm { background-position: -80px -33px; }
.react-tel-input .do { background-position: -96px -33px; }
.react-tel-input .dz { background-position: -112px -33px; }
.react-tel-input .ec { background-position: -128px -33px; }
.react-tel-input .ee { background-position: -144px -33px; }
.react-tel-input .eg { background-position: -160px -33px; }
.react-tel-input .er { background-position: -176px -33px; }
.react-tel-input .es { background-position: -192px -33px; }
.react-tel-input .et { background-position: -208px -33px; }
.react-tel-input .fi { background-position: -224px -33px; }
.react-tel-input .fj { background-position: -240px -33px; }
.react-tel-input .fk { background-position: 0px -44px; }
.react-tel-input .fm { background-position: -16px -44px; }
.react-tel-input .fo { background-position: -32px -44px; }
.react-tel-input .bl, .react-tel-input .fr, .react-tel-input .mf { background-position: -48px -44px; }
.react-tel-input .ga { background-position: -64px -44px; }
.react-tel-input .gb { background-position: -80px -44px; }
.react-tel-input .gd { background-position: -96px -44px; }
.react-tel-input .ge { background-position: -112px -44px; }
.react-tel-input .gf { background-position: -128px -44px; }
.react-tel-input .gh { background-position: -144px -44px; }
.react-tel-input .gi { background-position: -160px -44px; }
.react-tel-input .gl { background-position: -176px -44px; }
.react-tel-input .gm { background-position: -192px -44px; }
.react-tel-input .gn { background-position: -208px -44px; }
.react-tel-input .gp { background-position: -224px -44px; }
.react-tel-input .gq { background-position: -240px -44px; }
.react-tel-input .gr { background-position: 0px -55px; }
.react-tel-input .gt { background-position: -16px -55px; }
.react-tel-input .gu { background-position: -32px -55px; }
.react-tel-input .gw { background-position: -48px -55px; }
.react-tel-input .gy { background-position: -64px -55px; }
.react-tel-input .hk { background-position: -80px -55px; }
.react-tel-input .hn { background-position: -96px -55px; }
.react-tel-input .hr { background-position: -112px -55px; }
.react-tel-input .ht { background-position: -128px -55px; }
.react-tel-input .hu { background-position: -144px -55px; }
.react-tel-input .id { background-position: -160px -55px; }
.react-tel-input .ie { background-position: -176px -55px; }
.react-tel-input .il { background-position: -192px -55px; }
.react-tel-input .in { background-position: -208px -55px; }
.react-tel-input .io { background-position: -224px -55px; }
.react-tel-input .iq { background-position: -240px -55px; }
.react-tel-input .ir { background-position: 0px -66px; }
.react-tel-input .is { background-position: -16px -66px; }
.react-tel-input .it { background-position: -32px -66px; }
.react-tel-input .je { background-position: -144px -154px; }
.react-tel-input .jm { background-position: -48px -66px; }
.react-tel-input .jo { background-position: -64px -66px; }
.react-tel-input .jp { background-position: -80px -66px; }
.react-tel-input .ke { background-position: -96px -66px; }
.react-tel-input .kg { background-position: -112px -66px; }
.react-tel-input .kh { background-position: -128px -66px; }
.react-tel-input .ki { background-position: -144px -66px; }
.react-tel-input .xk { background-position: -128px -154px; }
.react-tel-input .km { background-position: -160px -66px; }
.react-tel-input .kn { background-position: -176px -66px; }
.react-tel-input .kp { background-position: -192px -66px; }
.react-tel-input .kr { background-position: -208px -66px; }
.react-tel-input .kw { background-position: -224px -66px; }
.react-tel-input .ky { background-position: -240px -66px; }
.react-tel-input .kz { background-position: 0px -77px; }
.react-tel-input .la { background-position: -16px -77px; }
.react-tel-input .lb { background-position: -32px -77px; }
.react-tel-input .lc { background-position: -48px -77px; }
.react-tel-input .li { background-position: -64px -77px; }
.react-tel-input .lk { background-position: -80px -77px; }
.react-tel-input .lr { background-position: -96px -77px; }
.react-tel-input .ls { background-position: -112px -77px; }
.react-tel-input .lt { background-position: -128px -77px; }
.react-tel-input .lu { background-position: -144px -77px; }
.react-tel-input .lv { background-position: -160px -77px; }
.react-tel-input .ly { background-position: -176px -77px; }
.react-tel-input .ma { background-position: -192px -77px; }
.react-tel-input .mc { background-position: -208px -77px; }
.react-tel-input .md { background-position: -224px -77px; }
.react-tel-input .me { background-position: -112px -154px; height: 12px; }
.react-tel-input .mg { background-position: 0px -88px; }
.react-tel-input .mh { background-position: -16px -88px; }
.react-tel-input .mk { background-position: -32px -88px; }
.react-tel-input .ml { background-position: -48px -88px; }
.react-tel-input .mm { background-position: -64px -88px; }
.react-tel-input .mn { background-position: -80px -88px; }
.react-tel-input .mo { background-position: -96px -88px; }
.react-tel-input .mp { background-position: -112px -88px; }
.react-tel-input .mq { background-position: -128px -88px; }
.react-tel-input .mr { background-position: -144px -88px; }
.react-tel-input .ms { background-position: -160px -88px; }
.react-tel-input .mt { background-position: -176px -88px; }
.react-tel-input .mu { background-position: -192px -88px; }
.react-tel-input .mv { background-position: -208px -88px; }
.react-tel-input .mw { background-position: -224px -88px; }
.react-tel-input .mx { background-position: -240px -88px; }
.react-tel-input .my { background-position: 0px -99px; }
.react-tel-input .mz { background-position: -16px -99px; }
.react-tel-input .na { background-position: -32px -99px; }
.react-tel-input .nc { background-position: -48px -99px; }
.react-tel-input .ne { background-position: -64px -99px; }
.react-tel-input .nf { background-position: -80px -99px; }
.react-tel-input .ng { background-position: -96px -99px; }
.react-tel-input .ni { background-position: -112px -99px; }
.react-tel-input .bq, .react-tel-input .nl { background-position: -128px -99px; }
.react-tel-input .no { background-position: -144px -99px; }
.react-tel-input .np { background-position: -160px -99px; }
.react-tel-input .nr { background-position: -176px -99px; }
.react-tel-input .nu { background-position: -192px -99px; }
.react-tel-input .nz { background-position: -208px -99px; }
.react-tel-input .om { background-position: -224px -99px; }
.react-tel-input .pa { background-position: -240px -99px; }
.react-tel-input .pe { background-position: 0px -110px; }
.react-tel-input .pf { background-position: -16px -110px; }
.react-tel-input .pg { background-position: -32px -110px; }
.react-tel-input .ph { background-position: -48px -110px; }
.react-tel-input .pk { background-position: -64px -110px; }
.react-tel-input .pl { background-position: -80px -110px; }
.react-tel-input .pm { background-position: -96px -110px; }
.react-tel-input .pr { background-position: -112px -110px; }
.react-tel-input .ps { background-position: -128px -110px; }
.react-tel-input .pt { background-position: -144px -110px; }
.react-tel-input .pw { background-position: -160px -110px; }
.react-tel-input .py { background-position: -176px -110px; }
.react-tel-input .qa { background-position: -192px -110px; }
.react-tel-input .re { background-position: -208px -110px; }
.react-tel-input .ro { background-position: -224px -110px; }
.react-tel-input .rs { background-position: -240px -110px; }
.react-tel-input .ru { background-position: 0px -121px; }
.react-tel-input .rw { background-position: -16px -121px; }
.react-tel-input .sa { background-position: -32px -121px; }
.react-tel-input .sb { background-position: -48px -121px; }
.react-tel-input .sc { background-position: -64px -121px; }
.react-tel-input .sd { background-position: -80px -121px; }
.react-tel-input .se { background-position: -96px -121px; }
.react-tel-input .sg { background-position: -112px -121px; }
.react-tel-input .sh { background-position: -128px -121px; }
.react-tel-input .si { background-position: -144px -121px; }
.react-tel-input .sk { background-position: -160px -121px; }
.react-tel-input .sl { background-position: -176px -121px; }
.react-tel-input .sm { background-position: -192px -121px; }
.react-tel-input .sn { background-position: -208px -121px; }
.react-tel-input .so { background-position: -224px -121px; }
.react-tel-input .sr { background-position: -240px -121px; }
.react-tel-input .ss { background-position: 0px -132px; }
.react-tel-input .st { background-position: -16px -132px; }
.react-tel-input .sv { background-position: -32px -132px; }
.react-tel-input .sx { background-position: -48px -132px; }
.react-tel-input .sy { background-position: -64px -132px; }
.react-tel-input .sz { background-position: -80px -132px; }
.react-tel-input .tc { background-position: -96px -132px; }
.react-tel-input .td { background-position: -112px -132px; }
.react-tel-input .tg { background-position: -128px -132px; }
.react-tel-input .th { background-position: -144px -132px; }
.react-tel-input .tj { background-position: -160px -132px; }
.react-tel-input .tk { background-position: -176px -132px; }
.react-tel-input .tl { background-position: -192px -132px; }
.react-tel-input .tm { background-position: -208px -132px; }
.react-tel-input .tn { background-position: -224px -132px; }
.react-tel-input .to { background-position: -240px -132px; }
.react-tel-input .tr { background-position: 0px -143px; }
.react-tel-input .tt { background-position: -16px -143px; }
.react-tel-input .tv { background-position: -32px -143px; }
.react-tel-input .tw { background-position: -48px -143px; }
.react-tel-input .tz { background-position: -64px -143px; }
.react-tel-input .ua { background-position: -80px -143px; }
.react-tel-input .ug { background-position: -96px -143px; }
.react-tel-input .us { background-position: -112px -143px; }
.react-tel-input .uy { background-position: -128px -143px; }
.react-tel-input .uz { background-position: -144px -143px; }
.react-tel-input .va { background-position: -160px -143px; }
.react-tel-input .vc { background-position: -176px -143px; }
.react-tel-input .ve { background-position: -192px -143px; }
.react-tel-input .vg { background-position: -208px -143px; }
.react-tel-input .vi { background-position: -224px -143px; }
.react-tel-input .vn { background-position: -240px -143px; }
.react-tel-input .vu { background-position: 0px -154px; }
.react-tel-input .wf { background-position: -16px -154px; }
.react-tel-input .ws { background-position: -32px -154px; }
.react-tel-input .ye { background-position: -48px -154px; }
.react-tel-input .za { background-position: -64px -154px; }
.react-tel-input .zm { background-position: -80px -154px; }
.react-tel-input .zw { background-position: -96px -154px; }
.react-tel-input * { box-sizing: border-box; }
.react-tel-input .hide { display: none; }
.react-tel-input .v-hide { visibility: hidden; }
.react-tel-input .form-control { position: relative; font-size: 14px; letter-spacing: 0.01rem; padding-left: 48px; margin-left: 0px; background: rgb(255, 255, 255); border: 1px solid rgba(24, 24, 24, 0.698); border-radius: 5px; line-height: 25px; height: 35px; width: 300px; outline: none; margin-top: 0px !important; margin-bottom: 0px !important; }
.react-tel-input .form-control.invalid-number, .react-tel-input .form-control.invalid-number:focus { background-color: rgb(250, 240, 240); border-width: 1px; border-style: solid; border-color: rgb(215, 159, 159) rgb(215, 159, 159) rgb(215, 159, 159) rgba(24, 24, 24, 0.698); border-image: initial; }
.react-tel-input .flag-dropdown { position: absolute; top: 0px; bottom: 0px; padding: 0px; background-color: rgb(245, 245, 245); border-right: 1px solid rgba(24, 24, 24, 0.698); border-radius: 3px 0px 0px 3px; }
.react-tel-input .flag-dropdown:focus, .react-tel-input .flag-dropdown:hover { cursor: pointer; }
.react-tel-input .flag-dropdown.invalid-number { border-color: rgb(215, 159, 159); }
.react-tel-input .flag-dropdown.open { z-index: 2; }
.react-tel-input .flag-dropdown.open, .react-tel-input .flag-dropdown.open .selected-flag { background: rgb(255, 255, 255); border-radius: 3px 0px 0px; }
:is(.react-tel-input input[disabled]) + .flag-dropdown:hover { cursor: default; }
:is(.react-tel-input input[disabled]) + .flag-dropdown:hover .selected-flag { background-color: transparent; }
.react-tel-input .selected-flag { outline: none; position: relative; width: 38px; height: 100%; padding: 0px 0px 0px 8px; border-radius: 3px 0px 0px 3px; }
.react-tel-input .selected-flag .flag { position: absolute; top: 50%; margin-top: -5px; }
.react-tel-input .selected-flag .arrow { position: relative; top: 50%; margin-top: -2px; left: 20px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgb(85, 85, 85); }
.react-tel-input .selected-flag .arrow.up { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom: 4px solid rgb(85, 85, 85); }
.react-tel-input .country-list { outline: none; z-index: 1; list-style: none; position: absolute; padding: 0px; margin: 10px 0px 10px -1px; box-shadow: rgba(0, 0, 0, 0.35) 1px 2px 10px; background-color: rgb(255, 255, 255); width: 300px; max-height: 200px; overflow-y: scroll; border-radius: 0px 0px 3px 3px; }
.react-tel-input .country-list .flag { display: inline-block; margin-right: 7px; margin-top: 2px; }
.react-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); }
.react-tel-input .country-list .country { padding: 7px 9px; }
.react-tel-input .country-list .country .dial-code { color: rgb(107, 107, 107); }
.react-tel-input .country-list .country.highlight, .react-tel-input .country-list .country:hover { background-color: rgb(241, 241, 241); }
.react-tel-input .country-list .country-name { margin-right: 6px; }
.react-tel-input .country-list .search { position: sticky; top: 0px; background-color: rgb(255, 255, 255); padding: 10px 0px 6px 10px; }
.react-tel-input .country-list .search-emoji { font-size: 15px; }
.react-tel-input .country-list .search-box { border: 1px solid rgb(202, 202, 202); border-radius: 3px; font-size: 15px; line-height: 15px; margin-left: 6px; padding: 3px 8px 5px; outline: none; }
.react-tel-input .country-list .no-entries-message { padding: 7px 10px 11px; opacity: 0.7; }
.react-tel-input .invalid-number-message { color: rgb(222, 0, 0); }
.react-tel-input .invalid-number-message, .react-tel-input .special-label { position: absolute; z-index: 1; font-size: 13px; left: 46px; top: -8px; background: rgb(255, 255, 255); padding: 0px 2px; }
.react-tel-input .special-label { display: none; white-space: nowrap; }
.before\:-left-3::before { content: var(--tw-content); left: -0.75rem; }
.before\:-right-3::before { content: var(--tw-content); right: -0.75rem; }
.before\:top-2::before { content: var(--tw-content); top: 0.5rem; }
.before\:top-20::before { content: var(--tw-content); top: 5rem; }
.before\:top-44::before { content: var(--tw-content); top: 11rem; }
.after\:absolute::after { content: var(--tw-content); position: absolute; }
.after\:top-0::after { content: var(--tw-content); top: 0px; }
.after\:-z-10::after { content: var(--tw-content); z-index: -10; }
.after\:h-20::after { content: var(--tw-content); height: 5rem; }
.after\:w-20::after { content: var(--tw-content); width: 5rem; }
@keyframes ping { 
  75%, 100% { content: var(--tw-content); transform: scale(2); opacity: 0; }
}
.after\:animate-ping::after { content: var(--tw-content); animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping; }
.after\:border-8::after { content: var(--tw-content); border-width: 8px; }
.after\:border-thmBrown::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.after\:bg-transparent::after { content: var(--tw-content); background-color: transparent; }
.hover\:scale-100:hover { --tw-scale-x: 1; --tw-scale-y: 1; }
.hover\:scale-100:hover, .hover\:scale-110:hover { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; }
.hover\:cursor-pointer:hover { cursor: pointer; }
.hover\:border-thmBrown:hover { --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); }
.hover\:border-white:hover { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); }
.hover\:bg-thmBlack:hover { --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); }
.hover\:text-thmBrown:hover { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.hover\:text-opacity-100:hover { --tw-text-opacity: 1; }
.group:hover .group-hover\:bottom-0 { bottom: 0px; }
.group:hover .group-hover\:left-0 { left: 0px; }
.group:hover .group-hover\:top-0 { top: 0px; }
.group:hover .group-hover\:flex { display: flex; }
.group:hover .group-hover\:grid { display: grid; }
.group:hover .group-hover\:w-full { width: 100%; }
.group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:bg-\[\#f0eae3de\] { background-color: rgba(240, 234, 227, 0.87); }
.group:hover .group-hover\:text-\[\#000\] { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.group:hover .group-hover\:text-\[\#bf9e77\], .group:hover .group-hover\:text-thmBrown { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.group:hover .group-hover\:opacity-25 { opacity: 0.25; }
@media (min-width: 550px) {
  .xs\:mb-10 { margin-bottom: 2.5rem; }
  .xs\:block { display: block; }
  .xs\:hidden { display: none; }
  .xs\:h-\[350px\] { height: 350px; }
  .xs\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .xs\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .xs\:gap-10 { gap: 2.5rem; }
  .xs\:px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 640px) {
  .sm\:left-10 { left: 2.5rem; }
  .sm\:right-10 { right: 2.5rem; }
  .sm\:mt-5 { margin-top: 1.25rem; }
  .sm\:block { display: block; }
  .sm\:min-h-\[620px\] { min-height: 620px; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:w-14 { width: 3.5rem; }
  .sm\:max-w-xl { max-width: 36rem; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .sm\:gap-x-10 { column-gap: 2.5rem; }
  .sm\:gap-y-16 { row-gap: 4rem; }
  .sm\:px-0 { padding-left: 0px; padding-right: 0px; }
  .sm\:px-24 { padding-left: 6rem; padding-right: 6rem; }
  .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
}
@media (min-width: 768px) {
  .md\:left-\[40\%\] { left: 40%; }
  .md\:top-\[140px\] { top: 140px; }
  .md\:top-\[200px\] { top: 200px; }
  .md\:mb-0 { margin-bottom: 0px; }
  .md\:ml-auto { margin-left: auto; }
  .md\:mt-10 { margin-top: 2.5rem; }
  .md\:grid { display: grid; }
  .md\:h-\[250px\] { height: 250px; }
  .md\:h-\[400px\] { height: 400px; }
  .md\:h-\[70vh\] { height: 24vh; }
  .md\:min-h-\[350px\] { min-height: 350px; }
  .md\:min-h-\[500px\] { min-height: 500px; }
  .md\:min-h-\[650px\] { min-height: 650px; }
  .md\:w-\[350px\] { width: 350px; }
  .md\:max-w-4xl { max-width: 56rem; }
  .md\:max-w-\[50\%\] { max-width: 50%; }
  .md\:max-w-lg { max-width: 32rem; }
  .md\:max-w-md { max-width: 28rem; }
  .md\:max-w-xl { max-width: 36rem; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-\[60\%__35\%\] { grid-template-columns: 60% 35%; }
  .md\:grid-cols-\[88\%_7\%\] { grid-template-columns: 88% 7%; }
  .md\:flex-row { flex-direction: row; }
  .md\:flex-nowrap { flex-wrap: nowrap; }
  .md\:gap-0 { gap: 0px; }
  .md\:gap-10 { gap: 2.5rem; }
  .md\:gap-5 { gap: 1.25rem; }
  .md\:object-\[0\%_70\%\] { object-position: 0px 70%; }
  .md\:px-44 { padding-left: 11rem; padding-right: 11rem; }
  .md\:pt-0 { padding-top: 0px; }
  .md\:pt-10 { padding-top: 2.5rem; }
  .md\:pt-28 { padding-top: 7rem; }
  .md\:pt-3 { padding-top: 0.75rem; }
  .md\:text-right { text-align: right; }
  .md\:text-\[14px\] { font-size: 14px; }
}
@media (min-width: 1024px) {
  .lg\:visible { visibility: visible; }
  .lg\:invisible { visibility: hidden; }
  .lg\:absolute { position: absolute; }
  .lg\:relative { position: relative; }
  .lg\:-top-32 { top: -8rem; }
  .lg\:bottom-16 { bottom: 4rem; }
  .lg\:bottom-20 { bottom: 5rem; }
  .lg\:bottom-auto { bottom: auto; }
  .lg\:left-0 { left: 0px; }
  .lg\:left-auto { left: auto; }
  .lg\:right-0 { right: 0px; }
  .lg\:right-\[-45px\] { right: -45px; }
  .lg\:top-0 { top: 0px; }
  .lg\:top-36 { top: 9rem; }
  .lg\:top-\[-47px\] { top: -47px; }
  .lg\:top-\[160px\] { top: 160px; }
  .lg\:-z-10 { z-index: -10; }
  .lg\:order-1 { order: 1; }
  .lg\:order-2 { order: 2; }
  .lg\:order-3 { order: 3; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .lg\:my-0 { margin-top: 0px; margin-bottom: 0px; }
  .lg\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
  .lg\:my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
  .lg\:my-20 { margin-top: 5rem; margin-bottom: 5rem; }
  .lg\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .lg\:my-32 { margin-top: 8rem; margin-bottom: 8rem; }
  .lg\:my-36 { margin-top: 9rem; margin-bottom: 9rem; }
  .lg\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .lg\:-ml-16 { margin-left: -4rem; }
  .lg\:-mt-\[100px\] { margin-top: -100px; }
  .lg\:-mt-\[400px\] { margin-top: -400px; }
  .lg\:mb-0 { margin-bottom: 0px; }
  .lg\:mb-10 { margin-bottom: 2.5rem; }
  .lg\:mb-16 { margin-bottom: 4rem; }
  .lg\:mb-20 { margin-bottom: 5rem; }
  .lg\:mb-32 { margin-bottom: 8rem; }
  .lg\:mb-4 { margin-bottom: 1rem; }
  .lg\:mb-5 { margin-bottom: 1.25rem; }
  .lg\:mb-6 { margin-bottom: 1.5rem; }
  .lg\:mb-8 { margin-bottom: 2rem; }
  .lg\:ml-auto { margin-left: auto; }
  .lg\:mr-10 { margin-right: 2.5rem; }
  .lg\:mr-16 { margin-right: 4rem; }
  .lg\:mr-32 { margin-right: 8rem; }
  .lg\:mr-5 { margin-right: 1.25rem; }
  .lg\:mt-0 { margin-top: 0px; }
  .lg\:mt-10 { margin-top: 2.5rem; }
  .lg\:mt-16 { margin-top: 4rem; }
  .lg\:mt-20 { margin-top: 5rem; }
  .lg\:mt-36 { margin-top: 9rem; }
  .lg\:mt-40 { margin-top: 10rem; }
  .lg\:block { display: block; }
  .lg\:inline-block { display: inline-block; }
  .lg\:hidden { display: none; }
  .lg\:h-10 { height: 2.5rem; }
  .lg\:h-\[300px\] { height: 300px; }
  .lg\:h-\[350px\] { height: 350px; }
  .lg\:h-\[500px\] { height: 500px; }
  .lg\:h-\[67vh\] { height: 67vh; }
  .lg\:h-\[80vh\] { height: 90vh; }
  .lg\:h-full { height: 100%; }
  .lg\:max-h-full { max-height: 100%; }
  .lg\:min-h-\[500px\] { min-height: 500px; }
  .lg\:min-h-\[750px\] { min-height: 750px; }
  .lg\:min-h-\[900px\] { min-height: 900px; }
  .lg\:w-2\/3 { width: 66.6667%; }
  .lg\:w-3\/12 { width: 25%; }
  .lg\:w-\[1280px\] { width: 1280px; }
  .lg\:w-\[60\%\] { width: 60%; }
  .lg\:w-auto { width: auto; }
  .lg\:w-full { width: 107%; }
  .lg\:max-w-2xl { max-width: 42rem; }
  .lg\:max-w-3xl { max-width: 48rem; }
  .lg\:max-w-6xl { max-width: 72rem; }
  .lg\:max-w-\[400px\] { max-width: 400px; }
  .lg\:max-w-full { max-width: 100%; }
  .lg\:max-w-lg { max-width: 32rem; }
  .lg\:max-w-md { max-width: 28rem; }
  .lg\:max-w-screen-2xl { max-width: 1540px; }
  .lg\:max-w-sm { max-width: 24rem; }
  .lg\:max-w-xl { max-width: 36rem; }
  .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0px, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
  .lg\:grid-cols-\[20\%_40\%_40\%\] { grid-template-columns: 20% 40% 40%; }
  .lg\:grid-cols-\[30\%_30\%_40\%\] { grid-template-columns: 30% 30% 40%; }
  .lg\:grid-cols-\[30\%_70\%\] { grid-template-columns: 30% 70%; }
  .lg\:grid-cols-\[35\%_65\%\] { grid-template-columns: 35% 65%; }
  .lg\:grid-cols-\[45\%_25\%_30\%\] { grid-template-columns: 45% 25% 30%; }
  .lg\:grid-cols-\[50\%_50\%\] { grid-template-columns: 50% 50%; }
  .lg\:grid-cols-\[65\%_35\%\] { grid-template-columns: 65% 35%; }
  .lg\:grid-cols-\[70\%_30\%\], .lg\:grid-cols-\[70\%__30\%\] { grid-template-columns: 70% 30%; }
  .lg\:grid-cols-\[93\%_7\%\] { grid-template-columns: 93% 7%; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:items-start { align-items: flex-start; }
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:justify-end { justify-content: flex-end; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:gap-0 { gap: 0px; }
  .lg\:gap-10 { gap: 2.5rem; }
  .lg\:gap-14 { gap: 3.5rem; }
  .lg\:gap-20 { gap: 5rem; }
  .lg\:gap-24 { gap: 6rem; }
  .lg\:gap-5 { gap: 1.25rem; }
  .lg\:gap-7 { gap: 1.75rem; }
  .lg\:border-b-\[0px\] { border-bottom-width: 0px; }
  .lg\:border-r-\[1px\] { border-right-width: 1px; }
  .lg\:object-cover { object-fit: cover; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg\:px-40 { padding-left: 10rem; padding-right: 10rem; }
  .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
  .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .lg\:py-10 { padding-top: 21px; padding-bottom: 20px; }
  .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .lg\:py-36 { padding-top: 9rem; padding-bottom: 9rem; }
  .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
  .lg\:pb-0 { padding-bottom: 0px; }
  .lg\:pb-10 { padding-bottom: 2.5rem; }
  .lg\:pb-14 { padding-bottom: 3.5rem; }
  .lg\:pb-20 { padding-bottom: 5rem; }
  .lg\:pb-40 { padding-bottom: 10rem; }
  .lg\:pb-8 { padding-bottom: 2rem; }
  .lg\:pb-\[600px\] { padding-bottom: 600px; }
  .lg\:pb-\[80px\] { padding-bottom: 80px; }
  .lg\:pl-10 { padding-left: 2.5rem; }
  .lg\:pl-12 { padding-left: 3rem; }
  .lg\:pl-14 { padding-left: 3.5rem; }
  .lg\:pl-5 { padding-left: 1.25rem; }
  .lg\:pr-0 { padding-right: 0px; }
  .lg\:pr-10 { padding-right: 2.5rem; }
  .lg\:pr-14 { padding-right: 3.5rem; }
  .lg\:pr-5 { padding-right: 1.25rem; }
  .lg\:pr-6 { padding-right: 1.5rem; }
  .lg\:pt-0 { padding-top: 0px; }
  .lg\:pt-10 { padding-top: 2.5rem; }
  .lg\:pt-12 { padding-top: 3rem; }
  .lg\:pt-16 { padding-top: 4rem; }
  .lg\:pt-20 { padding-top: 5rem; }
  .lg\:pt-36 { padding-top: 9rem; }
  .lg\:pt-40 { padding-top: 10rem; }
  .lg\:pt-8 { padding-top: 2rem; }
  .lg\:pt-\[23px\] { padding-top: 23px; }
  .lg\:text-left { text-align: left; }
  .lg\:text-center { text-align: center; }
  .lg\:text-right { text-align: right; }
  .lg\:text-justify { text-align: justify; }
  .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .lg\:text-\[12px\] { font-size: 12px; }
  .lg\:text-lg { line-height: 1.75rem; }
  .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .lg\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .lg\:text-thmBlack { --tw-text-opacity: 1; color: rgb(0 10 13/var(--tw-text-opacity)); }
}
@media (min-width: 1280px) {
  .xl\:top-10 { top: 2.5rem; }
  .xl\:order-1 { order: 1; }
  .xl\:order-2 { order: 2; }
  .xl\:mx-auto { margin-left: auto; margin-right: auto; }
  .xl\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
  .xl\:-mr-20 { margin-right: -5rem; }
  .xl\:mb-10 { margin-bottom: 2.5rem; }
  .xl\:mb-6 { margin-bottom: 1.5rem; }
  .xl\:mb-8 { margin-bottom: 2rem; }
  .xl\:ml-0 { margin-left: 0px; }
  .xl\:ml-10 { margin-left: 2.5rem; }
  .xl\:mr-10 { margin-right: 2.5rem; }
  .xl\:mr-32 { margin-right: 8rem; }
  .xl\:mt-0 { margin-top: 0px; }
  .xl\:mt-36 { margin-top: 9rem; }
  .xl\:mt-4 { margin-top: 1rem; }
  .xl\:block { display: block; }
  .xl\:h-\[550px\] { height: 550px; }
  .xl\:h-screen { height: 100vh; }
  .xl\:min-h-\[850px\] { min-height: 850px; }
  .xl\:w-\[400px\] { width: 400px; }
  .xl\:w-\[70\%\] { width: 70%; }
  .xl\:w-auto { width: auto; }
  .xl\:w-full { width: 100%; }
  .xl\:max-w-4xl { max-width: 56rem; }
  .xl\:max-w-sm { max-width: 24rem; }
  .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .xl\:grid-cols-\[15\%_35\%_50\%\] { grid-template-columns: 15% 35% 50%; }
  .xl\:grid-cols-\[25\%_75\%\] { grid-template-columns: 25% 75%; }
  .xl\:grid-cols-\[35\%_65\%\] { grid-template-columns: 35% 65%; }
  .xl\:grid-cols-\[40\%_60\%\] { grid-template-columns: 40% 60%; }
  .xl\:grid-cols-\[60\%_40\%\] { grid-template-columns: 60% 40%; }
  .xl\:flex-row { flex-direction: row; }
  .xl\:items-end { align-items: flex-end; }
  .xl\:justify-center { justify-content: center; }
  .xl\:gap-20 { gap: 5rem; }
  .xl\:overflow-x-auto { overflow-x: auto; }
  .xl\:object-cover { object-fit: cover; }
  .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; }
  .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .xl\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .xl\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  .xl\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
  .xl\:pb-10 { padding-bottom: 2.5rem; }
  .xl\:pb-\[800px\] { padding-bottom: 800px; }
  .xl\:pl-14 { padding-left: 3.5rem; }
  .xl\:pl-44 { padding-left: 11rem; }
  .xl\:pr-10 { padding-right: 2.5rem; }
  .xl\:pr-20 { padding-right: 5rem; }
  .xl\:pr-44 { padding-right: 11rem; }
  .xl\:text-right { text-align: right; }
  .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .xl\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
}
@media (min-width: 1540px) {
  .\32 xl\:top-20 { top: 5rem; }
  .\32 xl\:-mr-28 { margin-right: -7rem; }
  .\32 xl\:mb-\[-4\] { }
  .\32 xl\:h-\[400px\] { height: 400px; }
  .\32 xl\:h-full { height: 100%; }
  .\32 xl\:w-auto { width: auto; }
  .\32 xl\:w-full { width: 100%; }
  .\32 xl\:max-w-lg { max-width: 32rem; }
  .\32 xl\:items-center { align-items: center; }
  .\32 xl\:gap-10 { gap: 2.5rem; }
  .\32 xl\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .\32 xl\:pb-32 { padding-bottom: 8rem; }
  .\32 xl\:pb-6 { padding-bottom: 1.5rem; }
  .\32 xl\:pl-20 { padding-left: 5rem; }
  .\32 xl\:pr-0 { padding-right: 0px; }
  .\32 xl\:pr-20 { padding-right: 5rem; }
}
.ltr\:-right-10:where([dir="ltr"], [dir="ltr"] *) { right: -2.5rem; }
@media (min-width: 1024px) {
  .ltr\:lg\:mr-20:where([dir="ltr"], [dir="ltr"] *) { margin-right: 5rem; }
  .ltr\:lg\:pr-0:where([dir="ltr"], [dir="ltr"] *) { padding-right: 0px; }
}
@media (min-width: 1280px) {
  .ltr\:xl\:right-10:where([dir="ltr"], [dir="ltr"] *) { right: 2.5rem; }
}
.rtl\:-left-10:where([dir="rtl"], [dir="rtl"] *) { left: -2.5rem; }
.rtl\:order-1:where([dir="rtl"], [dir="rtl"] *) { order: 1; }
.rtl\:order-2:where([dir="rtl"], [dir="rtl"] *) { order: 2; }
@media (min-width: 1024px) {
  .rtl\:lg\:pr-14:where([dir="rtl"], [dir="rtl"] *) { padding-right: 3.5rem; }
}
@media (min-width: 1280px) {
  .rtl\:xl\:-right-28:where([dir="rtl"], [dir="rtl"] *) { right: -7rem; }
}
.teamleader-wrper { position: relative; overflow: hidden; border-width: 2px; border-style: solid; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-border-opacity: 0.1; }
.teamleader-wrper .team-name { padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 1.21px; }
.teamleader-wrper .team-post { font-size: 8px; letter-spacing: 1.21px; }
.teamleader-wrper::before { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content); background: linear-gradient(rgba(65, 65, 82, 0), rgba(65, 65, 82, 0) 60%, rgb(6, 6, 10)); }
.teamleader-wrper:hover > .imgHover { display: block; }
.leadership { position: relative; padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .leadership { padding-top: 0px; padding-bottom: 5rem; }
}
.leadership::before { position: absolute; top: 0px; z-index: 10; height: 100%; --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .leadership::before { width: 20%; }
}
.leadership:where([dir="ltr"], [dir="ltr"] *)::before { left: 0px; }
.leadership:where([dir="rtl"], [dir="rtl"] *)::before { right: 0px; }
@media (min-width: 1024px) {
  .leadership .slick-list { overflow: visible; }
}
.leadership .item1 { position: relative; z-index: 10; order: 2; }
@media (min-width: 1024px) {
  .leadership .item1 { order: 1; --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); }
}
@media (min-width: 768px) {
  .leadership .item1:where([dir="ltr"], [dir="ltr"] *) { padding-right: 4rem; }
  .leadership .item1:where([dir="rtl"], [dir="rtl"] *) { padding-left: 4rem; }
}
.leadership .item1::before { top: 0px; z-index: 10; height: 100%; width: 360px; --tw-bg-opacity: 1; background-color: rgb(0 10 13/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .leadership .item1::before { position: absolute; }
}
.leadership .item1:where([dir="ltr"], [dir="ltr"] *)::before { left: -360px; }
.leadership .item1:where([dir="rtl"], [dir="rtl"] *)::before { right: -360px; }
.footer { --tw-bg-opacity: 1; background-color: rgb(30 35 38/var(--tw-bg-opacity)); padding-top: 10px; padding-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .footer { padding-bottom: 10rem; }
}
.footer .line-footer { display: block; height: 1px; width: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); }
.timeline-section { padding-top: 2.5rem; }
@media (min-width: 1024px) {
  .timeline-section { padding-top: 5rem; }
}
.timeline-section .timeline { position: relative; }
.timeline-section .timeline::after { position: absolute; top: 18px; bottom: 10%; left: 0px; margin-left: -3px; width: 3px; --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1280px) {
  .timeline-section .timeline::after { left: 50%; }
}
.containers-wraper { position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 60px; }
@media (min-width: 1280px) {
  .containers-wraper { width: 50%; padding-right: 60px; padding-left: 0px; }
}
.containers-wraper::after { position: absolute; left: -17px; top: 13px; z-index: 10; height: 36px; width: 36px; border-width: 6px; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(217 217 217/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1280px) {
  .containers-wraper::after { right: -17px; left: auto; }
}
.containers-wraper.right { padding: 10px 0px 10px 60px; }
.containers-wraper.right .pcolor { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.containers-wraper.right .pcolor a { display: flex; align-items: center; justify-content: flex-start; gap: 1.25rem; }
.containers-wraper.left h2 { margin-top: 3px; margin-bottom: 10px; font-size: 26px; font-weight: 500; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
@media (min-width: 1280px) {
  .containers-wraper.left h2 { text-align: right; }
}
.containers-wraper.right h2 { margin-top: 3px; margin-bottom: 10px; text-align: left; font-size: 26px; font-weight: 500; --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.left, .right { left: 0px; }
@media (min-width: 1280px) {
  .right { left: 50%; }
}
.left::before { position: absolute; top: 32px; left: 0px; z-index: 10; height: 3.1px; width: 50px; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1280px) {
  .left::before { right: 0px; left: auto; }
}
.right::before { position: absolute; top: 32px; left: 0px; z-index: 10; height: 3.1px; width: 50px; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(191 158 119/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(191 158 119/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
.right::after { left: -18px; }
.content { position: relative; }
.time-cont { padding: 1.25rem; }
@media (min-width: 1280px) {
  .time-cont { padding: 1.75rem; }
}
.time-cont h4 { line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.time-cont p { line-height: 18px; color: rgba(255, 255, 255, 0.7); }
.time-cont .pcolor { --tw-text-opacity: 1; color: rgb(191 158 119/var(--tw-text-opacity)); }
.time-cont .pcolor a { display: flex; align-items: center; justify-content: flex-start; gap: 1.25rem; }
@media (min-width: 1280px) {
  .time-cont .pcolor a { justify-content: flex-end; }
}
.onloadform { position: fixed; inset: 0px; z-index: 2147483647; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.898); }
@keyframes fadeIn { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
.gallery-section button.slick-arrow { position: absolute; inset: auto auto -85px 53%; height: 40px; width: 40px; background-image: url("/_next/static/media/right-arrow.c697e5ac.webp"); background-repeat: no-repeat; }
@media (min-width: 768px) {
  .gallery-section button.slick-arrow { left: 51%; }
}
.gallery-section button.slick-arrow.slick-prev { left: 39%; background-image: url("/_next/static/media/left-arrow.c2951cc9.webp"); }
@media (min-width: 768px) {
  .gallery-section button.slick-arrow.slick-prev { left: 45%; }
}
@media (min-width: 1280px) {
  .gallery-section button.slick-arrow.slick-prev { left: 47%; }
}
.gallery-section .slick-next::before, .gallery-section .slick-prev::before { visibility: hidden; }
.galleryPopup .sliderArrows .perv { position: absolute; top: 0px; left: 0px; z-index: 10; display: flex; height: 100%; align-items: center; justify-content: space-between; padding-left: 1.25rem; }
.galleryPopup .sliderArrows .perv button { width: 2.5rem; }
.galleryPopup .sliderArrows .next { position: absolute; top: 0px; right: 0px; z-index: 10; display: flex; height: 100%; align-items: center; justify-content: space-between; padding-right: 1.25rem; }
.galleryPopup .sliderArrows .next button { width: 2.5rem; }
.gallery-section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .gallery-section { padding-top: 5rem; padding-bottom: 5rem; }
}
.ceo-section { padding-top: 2.5rem; }
@media (min-width: 1024px) {
  .ceo-section { padding-top: 5rem; }
}
.ceo-section { background: linear-gradient(rgba(69, 67, 60, 0), rgba(0, 0, 0, 0.5)); }
.infrastructure-section { padding-top: 4rem; padding-bottom: 5rem; }
@media (min-width: 1024px) {
  .infrastructure-section { padding-top: 10rem; padding-bottom: 2rem; }
}
.news-section { padding-top: 2.5rem; padding-bottom: 5rem; }
@media (min-width: 1024px) {
  .news-section { padding-bottom: 2.5rem; }
}
a.social-box { margin-top: -4px; display: block; height: 60px; width: 60px; place-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(61 62 62/var(--tw-border-opacity)); padding: 1.25rem; }
@media (min-width: 768px) {
  a.social-box { margin-top: 1.25rem; }
}
.news-wraper { padding-bottom: 8rem; }
@media (min-width: 1024px) {
  .news-wraper { padding-top: 5rem; padding-bottom: 10rem; }
}
.team-section { padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .team-section { padding-bottom: 5rem; }
}
.team-section .team-wrper::before { display: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.team-section a.social-box { display: flex; height: 30px; width: 30px; place-items: center; --tw-border-opacity: 1; border-color: rgb(185 188 192/var(--tw-border-opacity)); padding: 6px; }
input::placeholder { font-size: 13px; letter-spacing: 0.5px; }
.team-colmn .img-wrp::after { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: #000a0d var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-content: ""; content: var(--tw-content); }
.team-wrper.team-colmn { --tw-bg-opacity: 1; background-color: rgb(30 35 38/var(--tw-bg-opacity)); }
.contactMap .gm-fullscreen-control, .contactMap .gmnoprint { display: none; }
.director-para p { letter-spacing: 0.3px; line-height: 29px; text-align: justify; font-weight: 350; }
.director-para p span { font-weight: 400 !important; }
.about-basil-title { padding: 0px 150px; line-height: 34px; text-transform: uppercase; font-size: 25px !important; }
.about-basil-para p { padding: 0px 100px; font-weight: 400; line-height: 30px; }
.number { text-align: center; }
.number-title { text-align: center; font-size: 20px; letter-spacing: 0.3px; }
.about-basil-titles { padding: 0px 150px; line-height: 34px; text-transform: capitalize; font-size: 25px !important; }
@media (max-width: 576px) {
  .pt-5 { padding-top: 10px; }
  .my-20 { margin-top: 50px; margin-bottom: 0px; }
  .about-basil-title { padding: 0px 20px; font-size: 21px !important; line-height: 33px !important; }
  .about-basil-titles { padding: 0px; line-height: 34px; text-transform: capitalize; font-size: 20px !important; }
  .about-basil-para p { padding: 0px 20px; line-height: 30px; font-size: 15px !important; }
  .shrink-0 { width: 100% !important; }
  .backToTopBtnOutter .backToTopBtn { position: fixed; right: 18px; bottom: 20px; z-index: 0; cursor: pointer; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(191 158 119 / var(--tw-border-opacity)); padding: 2px 4px; opacity: 0.8; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; width: 11% !important; }
  .h-\[50vh\] { height: 30vh; }
}
.chat-icon { position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
.navbares { transition: background-color 0.3s; width: 100%; z-index: 999; position: fixed !important; }
.navbares.scrolled { height: 100px; background-color: rgb(30, 81, 92); }
.navbares.scrolled .navLogo img { width: 140px; }
@media (max-width: 576px) {
  .navbares.scrolled { height: 90px; background-color: rgb(30, 35, 38); }
}
.constant-buttons { position: fixed; top: 50%; right: -150px; transform: translateY(-50%) rotate(90deg); display: flex; gap: 8px; z-index: 9; flex-direction: row; }
.constant-button button, .constant-buttones button { background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.41) 0px, rgba(223, 181, 104, 0.41) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.41) 0px, rgba(223, 181, 104, 0.41) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgb(243, 243, 243) 0px, rgb(137, 105, 79) 86.4%); padding: 12px 30px; font-size: 12px; font-weight: 600; width: 170px; text-transform: uppercase; color: rgb(15, 15, 15); text-align: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; }
@media (max-width: 768px) {
  .constant-buttons { right: 10px; gap: 5px; }
  .constant-button button, .constant-buttones button { width: 120px; font-size: 10px; padding: 10px 20px; }
}
@media (max-width: 480px) {
  .constant-buttons { right: -100px; gap: 3px; }
  .constant-button button, .constant-buttones button { width: 121px; font-size: 9px; padding: 4px 15px; }
}
.amenityIcon img { width: 50px; object-fit: contain; height: 50px; }
.rera img { width: 70px; height: 70px; object-fit: contain; }
@media (max-width: 576px) {
  .lifestyle { padding: 5px 0px !important; }
}
.contact-detalis h1 { color: black; font-size: 14px; text-transform: uppercase; font-weight: 600; }
.contact-detalis a { color: rgb(35, 35, 35); font-size: 14px; letter-spacing: 0.3px; font-weight: 500; }
body { background-color: white !important; }
.popup-form { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999; }
.popup-content { background: rgb(255, 255, 255); padding: 30px; border-radius: 10px; text-align: center; max-width: 400px; width: 90%; position: relative; }
.close-btn { position: absolute; top: 10px; right: 20px; font-size: 25px; cursor: pointer; }
.download-trigger { cursor: pointer; transition: 0.3s; }
.property-card { position: relative; text-align: center; overflow: hidden; }
.property-card img { width: 100%; transition: 0.4s; }
.property-card img { filter: blur(4px); }
.download-trigger { bottom: 6px; width: 100%; margin-bottom: 30px; left: 0px; text-align: center; color: rgb(255, 255, 255); background: rgb(240, 240, 240); cursor: pointer; transition: 0.3s; }
.popup-form { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999; }
.popup-content { background: rgb(255, 255, 255); padding: 30px; border-radius: 10px; text-align: center; max-width: 400px; width: 90%; position: relative; }
.close-btn { position: absolute; top: 10px; right: 20px; font-size: 25px; cursor: pointer; }
.copyright { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 15px; color: rgb(255, 255, 255); }
.copyright a { text-decoration: none; color: rgb(255, 255, 255); }
.copyright a:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .copyright { flex-direction: column; text-align: center; gap: 10px; }
}
.lifestyle-popup-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.lifestyle-popup-content { background: rgb(255, 255, 255); border-radius: 10px; padding: 30px 20px; width: 90%; max-width: 400px; position: relative; text-align: left; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 25px; animation: 0.4s ease 0s 1 normal none running lifestyle-popup-fade; }
.lifestyle-close-btn { position: absolute; top: 10px; right: 15px; padding: 5px 10px; font-size: 14px; background: rgb(67, 79, 32); color: rgb(255, 255, 255); cursor: pointer; }
.lifestyle-popup-content form { display: flex; flex-direction: column; gap: 12px; }
.lifestyle-popup-content input { width: 100%; color: rgb(14, 14, 14); padding: 15px 10px; background: rgb(255, 255, 255); border: 1px solid rgba(193, 193, 193, 0.4); }
.lifestyle-submit-btn { background-color: rgb(190, 52, 56); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 10px; font-size: 15px; cursor: pointer; text-transform: uppercase; transition: 0.3s; }
.lifestyle-submit-btn:hover { background-color: rgb(184, 143, 10); }
.lifestyle-success { display: none; text-align: center; font-weight: bold; color: green; margin-top: 10px; animation: 0.3s ease-in-out 0s 1 normal none running fadeIn; }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes lifestyle-popup-fade { 
  0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
#lifestyle-website-content { opacity: 0.3; pointer-events: none; transition: opacity 0.4s; }
#lifestyle-website-content.active { opacity: 1; pointer-events: all; }
.property-card { text-align: center; cursor: pointer; transition: 0.3s; }
.property-card img { width: 100%; object-fit: contain; height: 350px; padding: 27px; border-radius: 10px; transition: transform 0.3s; }
.property-card:hover img { transform: scale(1.05); }
.property-card h1 { font-size: 17px; margin-top: 10px; padding: 11px; color: rgb(255, 255, 255); background: rgb(144, 95, 75); transition: color 0.3s; }
.popup-overlay { display: none; position: fixed; inset: 0px; z-index: 9999; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; }
.popup-content { background: rgb(0, 0, 0); padding: 20px; border-radius: 10px; width: 90%; max-width: 400px; position: relative; text-align: center; }
.popup-content input { display: block; width: 100%; background: black; margin: 10px 0px; padding: 15px 10px; border: 1px solid rgba(193, 193, 193, 0.22); }
.popup-content button { width: 100%; }
.close-btn { position: absolute; top: 10px; right: 15px; padding: 1px 6px; font-size: 15px; cursor: pointer; }
.menu-name { padding: 0px; transition: color 0.3s, font-weight 0.3s; }
.menu-name.active { color: rgb(200, 156, 61); font-weight: 700; }
a:hover { color: rgb(200, 153, 105) !important; }
.navbar { padding-top: 0px !important; padding-bottom: 0px !important; }
.floor-image img { width: 100%; height: 300px; object-fit: contain; }
.floor-content { flex: 1 1 0%; text-align: center; }
.floor-content h2 { font-size: 15px; background-color: rgb(67, 79, 32); padding: 15px; text-align: center; color: rgb(255, 255, 255); font-weight: 600; margin: 0px; }
@media (max-width: 991px) {
  .floor-box, .floor-box.reverse { flex-direction: column; }
  .floor-content h2 { font-size: 32px; }
}
@media (max-width: 576px) {
  .floor-box { padding: 20px; gap: 20px; }
  .floor-content h2 { text-transform: uppercase; font-size: 16px; }
  .service-two__content { padding: 32px 30px 10px; }
  .custom-accordion .acc-header { padding: 11px 20px; font-size: 12px; }
  .main-slider { margin-top: 0px !important; }
}
.power-by img { width: 15%; margin-bottom: 50px !important; }
.main-slider { margin-top: 83px; }
.navLogo img { margin-top: 15px; }
.menu-name { text-decoration: none; position: relative; color: rgb(255, 255, 255); transition: color 0.3s; }
.menu-name.active { color: rgb(171, 162, 105); font-weight: 600; }
.menu-name.active::after { content: ""; position: absolute; bottom: -5px; left: 0px; right: 0px; height: 2px; background-color: rgb(191, 158, 119); border-radius: 2px; }
.ananta-hero-section { position: relative; overflow: hidden; padding: 50px 0px; }
.ananta-content { position: relative; z-index: 2; text-align: center; max-width: 1200px; margin: auto; }
.ananta-title { letter-spacing: 0.3px; font-size: 26px; line-height: 32px; color: rgb(11, 90, 74); font-weight: 500; margin-bottom: 5px; }
.ananta-subtitle { font-size: 20px; line-height: 31px; color: rgb(11, 90, 74); font-weight: 400; margin-bottom: 30px; font-family: Raleway, sans-serif; }
.ananta-description { font-size: 18px; letter-spacing: 0.3px; color: rgb(34, 34, 34); margin-bottom: 30px; font-weight: 500; }
.ananta-features { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 31px; }
.ananta-feature-column { display: flex; flex-direction: column; gap: 18px; }
.ananta-feature-item { display: flex; align-items: center; gap: 16px; }
.ananta-feature-item p { margin: 0px; text-transform: capitalize; font-size: 15px; color: rgb(109, 109, 109); font-weight: 600; }
.diamond { width: 10px; height: 10px; background: rgb(219, 164, 91); transform: rotate(45deg); flex-shrink: 0; }
.ananta-divider { display: flex; align-items: center; justify-content: center; gap: 25px; margin-bottom: 20px; }
.ananta-divider span { width: 180px; height: 2px; background: rgb(11, 90, 74); opacity: 0.7; }
.ananta-divider img { width: 160px; }
.ananta-bottom-title { font-size: 22px; letter-spacing: 0.3px; color: rgb(11, 90, 74); font-weight: 500; margin-top: 30px; line-height: 29px; font-family: Raleway, sans-serif; }
@media (max-width: 991px) {
  .ananta-hero-section { padding: 70px 20px; }
  .ananta-subtitle { margin-bottom: 25px; }
  .ananta-features { gap: 40px; margin-bottom: 70px; }
  .ananta-feature-item p { font-size: 22px; }
  .ananta-divider span { width: 100px; }
  .ananta-divider img { width: 120px; }
}
@media (max-width: 767px) {
  .ananta-hero-section { padding: 30px 0px; }
  .ananta-description { margin-bottom: 20px; }
  .ananta-features { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
  .ananta-feature-column { }
  .ananta-feature-item { gap: 10px; }
  .ananta-feature-item p { font-size: 18px; }
  .ananta-divider { gap: 12px; margin-bottom: 13px; }
  .ananta-divider span { width: 50px; }
  .ananta-divider img { width: 90px; }
}
@media (max-width: 480px) {
  .ananta-title { line-height: 29px; margin-top: 20px; font-size: 19px; }
  .ananta-subtitle { line-height: 29px; font-size: 16px; margin-bottom: 16px; }
  .ananta-feature-item p { font-size: 10px; }
  .ananta-bottom-title { line-height: 29px; font-size: 18px; margin-top: 10px; }
}
.project-highlights { position: relative; overflow: hidden; }
.project-highlights::before { content: ""; position: absolute; inset: 0px; background: url("images/pattern.webp") center center / cover no-repeat; opacity: 0.12; pointer-events: none; }
.project-highlights .container { position: relative; z-index: 2; max-width: 1300px; margin: auto; }
.section-title { text-align: center; margin-bottom: 50px; }
.section-title h2 { font-size: 20px; letter-spacing: 0.3px; text-transform: uppercase; color: rgb(255, 224, 145); font-weight: 500; font-family: Raleway, sans-serif; }
.highlights-grid { display: grid; gap: 0px; align-items: center; }
.top-grid { grid-template-columns: repeat(5, 1fr); margin-bottom: 25px; }
.bottom-grid { grid-template-columns: repeat(3, 1fr); max-width: 700px; margin: auto; }
.highlight-item { text-align: center; padding: 10px 8px; position: relative; }
.highlight-item::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 3px; height: 40px; background: rgb(215, 165, 107); opacity: 0.8; }
.highlight-item.no-border::after { display: none; }
.highlight-item h4 { color: rgb(255, 255, 255); font-size: 15px; letter-spacing: 0.3px; line-height: 26px; font-weight: 500; margin: 0px; }
.project-description { text-align: center; margin-top: 70px; }
.project-description p { color: rgb(255, 255, 255); font-size: 34px; line-height: 1.7; max-width: 950px; margin: auto; font-family: Raleway, sans-serif; }
@media (max-width: 1200px) {
  .section-title h2 { font-size: 58px; }
  .highlight-item h4 { font-size: 20px; }
  .project-description p { font-size: 28px; }
}
@media (max-width: 991px) {
  .project-highlights { padding: 70px 20px; }
  .section-title { margin-bottom: 50px; }
  .section-title h2 { font-size: 48px; }
  .top-grid { grid-template-columns: repeat(2, 1fr); gap: 35px 0px; }
  .bottom-grid { grid-template-columns: repeat(2, 1fr); gap: 35px 0px; margin-top: 35px; }
  .highlight-item::after { height: 90px; }
  .top-grid .highlight-item:nth-child(2)::after, .top-grid .highlight-item:nth-child(4)::after, .bottom-grid .highlight-item:nth-child(2)::after { display: none; }
  .project-description { margin-top: 50px; }
  .project-description p { font-size: 24px; line-height: 1.6; }
}
@media (max-width: 767px) {
  .project-highlights { padding: 17px 0px; }
  .section-title h2 { font-size: 19px; }
  .top-grid, .bottom-grid { gap: 21px; }
  .highlight-item { padding: 0px 10px 28px; }
  .highlight-item::after {width: 80px;height: 1px;top: auto;background: none;bottom: 0px;right: 50%;transform: translateX(50%);}
  .highlighat-item.no-border::after { display: block; }
  .bottom-grid .highlight-item:last-child::after, .top-grid .highlight-item:last-child::after { display: none; }
  .highlight-item h4 { font-size: 13px; line-height: 19px; }
  .project-description { margin-top: 40px; }
  .project-description p { font-size: 20px; line-height: 1.7; }
}
.invest-section { width: 100%; padding: 50px 0px; }
.invest-container { }
.invest-left { text-align: center; }
.invest-left h1 { font-size: 20px; text-transform: uppercase; line-height: 29px; letter-spacing: 0.3px; font-weight: 500; color: rgb(0, 0, 0); margin-bottom: 20px; }
.invest-left p { font-size: 16px; line-height: 29px; letter-spacing: 0.3px; color: rgb(19, 19, 19); font-weight: 400; margin-bottom: 20px; }
.invest-right { }
.invest-right h3 { font-size: 16px; text-align: center; text-transform: uppercase; line-height: 29px; font-weight: 600; color: rgb(45, 45, 45); margin-bottom: 40px; }
.usage-grid { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; }
.usage-item { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.usage-item:nth-child(1), .usage-item:nth-child(3) { color: rgb(143, 155, 150); }
.usage-item:nth-child(1), .usage-item:nth-child(2) { }
.usage-item img { width: 50px; height: 50px; margin-bottom: 18px; object-fit: contain; }
.usage-item span { font-size: 11px; text-transform: uppercase; line-height: 29px; letter-spacing: 0.3px; color: rgb(31, 31, 31); font-weight: 600; }
@media (max-width: 992px) {
  .invest-section { padding: 60px 25px; }
  .invest-container { gap: 40px; }
  .usage-item { min-height: 150px; }
}
@media (max-width: 768px) {
  .invest-container { flex-direction: row; align-items: flex-start; gap: 20px; }
  .invest-left { }
  .invest-right { }
  .usage-item { min-height: 130px; padding: 18px 10px; }
  .usage-item img { margin-bottom: 12px; }
}
@media (max-width: 480px) {
  .invest-section { padding: 40px 0px; }
  .invest-container { gap: 15px; }
  .usage-item { min-height: 110px; padding: 14px 8px; }
  .usage-item span { font-size: 13px; }
}
.policy-section { width: 100%; padding: 50px 30px 70px; overflow: hidden; }
.policy-container { max-width: 1400px; margin: auto; }
.policy-title { text-align: center; color: rgb(5, 5, 5); font-family: Raleway, sans-serif; font-weight: 500; letter-spacing: 0.3px; line-height: 0.95; font-size: 20px; text-transform: uppercase; }
.policy-subtitle { text-align: center; margin-top: 18px; color: rgb(13, 91, 79); font-family: Raleway, sans-serif; font-size: clamp(22px, 3vw, 58px); font-weight: 500; }
.policy-desc { text-align: center; margin-top: 45px; color: rgb(19, 77, 68); font-size: clamp(15px, 1.4vw, 30px); font-family: Raleway, sans-serif; }
.timeline-wrapper { position: relative; margin-top: 70px; }
.timeline-line { position: absolute; top: -26px; left: 0px; width: 100%; height: 2px; background: rgb(13, 91, 79); }
.timeline-line::before, .timeline-line::after { content: ""; position: absolute; width: 12px; height: 12px; background: rgb(13, 91, 79); transform: rotate(45deg); top: -5px; }
.timeline-line::before { left: 10%; }
.timeline-line::after { right: 7%; display: none; }
.diamonds { position: absolute; top: -31px; width: 12px; height: 12px; background: rgb(13, 91, 79); transform: rotate(45deg); }
.d1 { left: 35%; }
.d2 { left: 62%; }
.d3 { left: 88%; }
.policy-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 38px; }
.policy-card { text-align: center; }
.policy-card img { width: 100%; object-fit: cover; display: block; }
.policy-card h4 { margin-top: 12px; text-transform: uppercase; color: rgb(255, 255, 255); font-size: 17px; line-height: 29px; font-weight: 600; }
@media (max-width: 1200px) {
  .policy-grid { gap: 25px; }
  .policy-card img { }
}
@media (max-width: 992px) {
  .policy-section { padding: 50px 20px 60px; }
  .policy-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .timeline-line { display: none; }
  .diamond { }
}
@media (max-width: 768px) {
  .policy-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .policy-card img { }
  .policy-desc { margin-top: 30px; }
}
@media (max-width: 480px) {
  .policy-section { padding: 40px 15px 50px; }
  .policy-grid { grid-template-columns: 2fr; }
  .policy-card img { }
  .policy-card { max-width: 100%; width: 100%; height: 100%; margin: auto; }
}
.gov-section { }
.gov-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
.gov-content { background: rgb(232, 226, 210); padding: 90px 70px; position: relative; display: flex; flex-direction: column; }
.gov-content h1 { font-family: Raleway, sans-serif; font-size: 40px; line-height: 1.05; color: rgb(12, 84, 73); font-weight: 500; margin-bottom: 25px; }
.gov-content p.top-text { font-size: 17px; line-height: 1.5; color: rgb(34, 34, 34); max-width: 700px; margin-bottom: 30px; }
.gov-tag { display: inline-block; background: rgb(0, 77, 67); color: rgb(216, 177, 122); padding: 18px 35px; font-size: 17px; letter-spacing: 1px; margin-bottom: 30px; width: fit-content; text-transform: uppercase; }
.gov-list { list-style: none; }
.gov-list li { border-top: 2px dashed rgba(0, 77, 67, 0.7); padding: 16px 0px; font-size: 17px; color: rgb(34, 34, 34); position: relative; }
.gov-list li:last-child { border-bottom: 2px dashed rgba(0, 77, 67, 0.7); }
.leaf-shape { position: absolute; right: -40px; width: 160px; opacity: 0.5; }
.gov-image { }
.gov-image img { }
@media (max-width: 1400px) {
  .gov-content { padding: 70px 50px; }
  .gov-content h1 { font-size: 30px; }
  .gov-content p.top-text { font-size: 18px; }
  .gov-list li { font-size: 20px; }
}
@media (max-width: 991px) {
  .gov-wrapper { grid-template-columns: 1fr; }
  .gov-image { height: 500px; order: -1; }
  .gov-content { padding: 60px 35px; }
  .gov-content h1 { font-size: 52px; }
  .gov-content p.top-text { font-size: 22px; }
  .gov-tag { font-size: 24px; padding: 16px 28px; }
  .gov-list li { font-size: 20px; }
  .leaf-shape { width: 120px; right: 0px; bottom: 30px; }
}
@media (max-width: 576px) {
  .gov-content { padding: 45px 22px; }
  .gov-content h1 { font-size: 42px; margin-bottom: 25px; }
  .gov-content p.top-text { font-size: 18px; margin-bottom: 30px; }
  .gov-tag { font-size: 20px; padding: 14px 22px; margin-bottom: 35px; }
  .gov-list li { font-size: 17px; line-height: 1.6; padding: 18px 0px; }
  .gov-image { height: 320px; }
  .leaf-shape { display: none; }
}
.plantation-process-section {background: rgb(248 248 248);overflow: hidden;position: relative;}
.plantation-process-container { margin: auto; }
.plantation-process-title { text-align: center; color: rgb(0, 86, 74); font-size: 20px; letter-spacing: 0.3px; font-weight: 500; }
.plantation-process-content { display: flex; justify-content: space-between; align-items: center; position: relative; }
.plantation-process-left { width: 28%; position: relative; }
.plantation-process-left h3 { color: rgb(0, 86, 74); font-size: 24px; letter-spacing: 0.3px; line-height: 32px; font-weight: 500; margin-bottom: 26px; }
.plantation-process-left p { font-size: 17px; letter-spacing: 0.3px; color: rgb(51, 51, 51); line-height: 29px; max-width: 300px; }
.plantation-process-line { width: 110px; height: 60px; border-top: 2px solid rgb(0, 86, 74); border-right: 2px solid rgb(0, 86, 74); border-radius: 0px 100px 0px 0px; position: absolute; top: 110px; right: -30px; }
.plantation-process-center { width: 34%; text-align: center; position: relative; z-index: 5; }
.plantation-process-center img { width: 100%; max-width: 420px; display: block; margin: auto; position: relative; top: 50px; }
.plantation-process-right { width: 28%; }
.plantation-process-right h3 { color: rgb(0, 86, 74); font-size: 23px; letter-spacing: 0.3px; text-transform: capitalize; font-weight: 500; margin-bottom: 20px; }
.plantation-process-right ul { list-style: none; padding: 0px; }
.plantation-process-right ul li { font-size: 16px; letter-spacing: 0.3px; font-weight: 500; color: rgb(51, 51, 51); margin-bottom: 10px; position: relative; padding-left: 25px; }
.plantation-process-right ul li::before { content: "◆"; color: rgb(0, 86, 74); position: absolute; left: 0px; }
.plantation-process-bottom { background: rgb(0, 86, 74); padding: 140px 20px 25px; margin-top: -80px; text-align: center; }
.plantation-process-bottom p { color: rgb(255, 255, 255); font-size: 20px; letter-spacing: 0.3px; margin-bottom: 30px; }
@media (max-width: 991px) {
  .plantation-process-title { font-size: 50px; }
  .plantation-process-left h3, .plantation-process-right h3 { font-size: 38px; }
  .plantation-process-left p, .plantation-process-right ul li { font-size: 14px; max-width: 100%; }
}
@media (max-width: 767px) {
  .plantation-process-content { flex-direction: column; text-align: center; }
  .plantation-process-left, .plantation-process-center, .plantation-process-right { width: 100%; }
  .plantation-process-left h3 { font-size: 18px; margin-bottom: 9px; margin-top: 10px; }
  .plantation-process-right h3 { font-size: 19px; margin-top: 35px; }
  .plantation-process-line { display: none; }
  .plantation-process-center img { max-width: 280px; top: 20px; }
  .plantation-process-right ul { display: inline-block; text-align: left; }
  .plantation-process-bottom { padding-top: 20px; margin-top: 12px; }
  .plantation-process-bottom p { font-size: 16px; line-height: 29px; }
  .plantation-process-title { font-size: 20px; }
}
.policy-card p { color: rgb(255, 255, 255); font-weight: 600; font-size: 14px; }
.section-title p { font-size: 16px; letter-spacing: 0.3px; }
p { font-size: 16px; letter-spacing: 0.3px; line-height: 29px; }
@media (max-width: 576px) {
  .usage-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
  .invest-right h3 { margin-bottom: 20px; }
  .timeline-wrapper { position: relative; margin-top: 35px; }
  .usage-item:nth-child(1), .usage-item:nth-child(3) { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
}
.list { background-color: rgb(0, 77, 67); padding: 5px 10px; }


.highlight-item img{
  width: 40px;
}
/* SECTION */

.luxury-section{
    align-items:center;
    justify-content:center;
    /* background:
    radial-gradient(circle at top right,
    rgba(201,166,107,.15),
    transparent 40%),
    #0b0b0b; */
}

.project-card{
  /* background:#111; */11; */
  /* border-radius:30px; */
  overflow:hidden;
  border: 1px solid rgb(0 0 0 / 17%);
  /* box-shadow:0 40px 80px rgba(0,0,0,.4); */
}

/* IMAGE */

.project-image{
    position:relative;
    overflow:hidden;
}

.project-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:8s ease;
}

.project-card:hover .project-image img{
    transform:scale(1.08);
}

.overlay{
    position:absolute;
    inset:0;
    /* background:linear-gradient(
    to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.1)); */
}

.badge{
    position:absolute;
    top: 16px;text-transform: uppercase;
    /* left:30px; t*/
    background:#c9a66b;
    color:#111;
    padding:12px 24px;
    /* border-radius:50px; */
    font-size:13px;
    font-weight:600;
    /* letter-spacing:1px; */
}

/* CONTENT */

.project-content{
    padding: 23px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.project-tag{
    color:#c9a66b;
    text-transform:uppercase;
    /* letter-spacing:4px; */
    font-size:12px;
    margin-bottom:15px;
}

.project-title{
    /* font-family:'Cormorant Garamond',serif; */
    font-size: 18px;
    color: black;
    line-height:0.95;
    margin-bottom: 15px;
}

.gold-line{
    width: 40px;
    height:2px;
    background:#c9a66b;
    margin-bottom: 18px;
}

.location{
    color: #000000;
    font-size: 15px;
    margin-bottom: 13px;
}

.location i{
    color:#c9a66b;
    margin-right:10px;
}

/* FEATURES */

.features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap: 8px;
    margin-bottom: 8px;
}

.feature{
    display:flex;
    align-items:center;
    gap:15px;
    padding: 6px 0px;
    border: 1px solid rgb(0 0 0 / 0%);
    background: rgb(0 0 0 / 0%);
    transition:.4s;
}

.feature:hover{
    border-color:#c9a66b;
    transform:translateY(-5px);
}

.feature i{
    color:#c9a66b;
    font-size: 18px;
    width:30px;
}

.feature span{
    font-size: 14px;
    color: #000000;
}

/* VALUE BOX */

.value-box{
    /* border: 1px solid rgb(0 0 0 / 16%); */
    padding: 19px;
    text-align:center;
    /* margin-bottom: 10px; */
    position:relative;
}

.value-box::before{
    content:"";
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    border: 1px solid rgb(0 0 0 / 8%);
}

.value-box small{
    display:block;
    color:#c9a66b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom:10px;
}

.value-box h2{
    font-family:'Cormorant Garamond',serif;
    font-size: 20px;
    color: #000000;
    line-height:1;
}

.value-box p{
    color: #000000;
    font-size: 12px;
    margin-top:10px;
}

/* BUTTON */

.btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    width:max-content;
    padding:18px 40px;
    border:1px solid #c9a66b;
    color:#c9a66b;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:2px;
    transition:.4s;
}

.btn:hover{
    background:#c9a66b;
    color:#111;
}

/* MOBILE */

@media(max-width:991px){

    .project-card{
        grid-template-columns:1fr;
    }

  

    .project-content{
        padding: 18px;
    }

    .project-title{
        font-size: 18px;
    }

    .features{
        grid-template-columns: 2fr;
    }

    .value-box h2{
        font-size: 20px;
    }
}